FineUI控件集合

FineUI（开源版）基于 ExtJS 的开源 ASP.NET 控件库。

using System;
using System.Collections.Generic;
using System.Text;
using System.Collections.ObjectModel;
using System.Web.UI;
using System.Collections;

namespace FineUI
{
    /// <summary>
    /// 控件集合，继承自Collection<T>
    /// </summary>
    public class BaseCollection<T> : Collection<T> where T : ControlBase
    {
        private ControlBase _parent;
        private string _groupName;

        /// <summary>
        /// 构造函数
        /// </summary>
        /// <param name="parentControl">父控件实例</param>
        public BaseCollection(ControlBase parentControl)
        {
            _parent = parentControl;
            _groupName = Guid.NewGuid().ToString();
        }

        /// <summary>
        /// 向集合中插入一个元素
        /// </summary>
        /// <param name="index"></param>
        /// <param name="item"></param>
        protected override void InsertItem(int index, T item)
        {
            item.CollectionGroupName = _groupName;
            item.RenderWrapperNode = false;

            int startIndex = GetStartIndex();
            _parent.Controls.AddAt(startIndex + index, item);

            base.InsertItem(index, item);
        }

        /// <summary>
        /// 删除集合中的一个元素
        /// </summary>
        /// <param name="index"></param>
        protected override void RemoveItem(int index)
        {
            int startIndex = GetStartIndex();
            _parent.Controls.RemoveAt(startIndex + index);

            base.RemoveItem(index);
        }

        /// <summary>
        /// 清空集合
        /// </summary>
        protected override void ClearItems()
        {
            int startIndex = GetStartIndex();
            // We should only remove this collection related controls
            // Note we must loop from the last element(Count-1) to the first one(0)
            for (int i = startIndex + Count - 1; i >= startIndex; i--)
            {
                _parent.Controls.RemoveAt(i);
            }

            base.ClearItems();
        }


        /// <summary>
        /// 获取类型 T 在父控件子集中的开始位置
        /// </summary>
        /// <returns></returns>
        private int GetStartIndex()
        {
            int startIndex = 0;

            foreach (Control control in _parent.Controls)
            {
                if (control is ControlBase && (control as ControlBase).CollectionGroupName == _groupName)
                {
                    break;
                }
                startIndex++;
            }

            return startIndex;
        }

    }
}

function onReady() {
    var btnExpandAll = Ext.getCmp(IDS.btnExpandAll);
    var btnCollapseAll = Ext.getCmp(IDS.btnCollapseAll);
    var mainMenu = Ext.getCmp(IDS.mainMenu);
    var mainTabStrip = Ext.getCmp(IDS.mainTabStrip);
    var windowSourceCode = Ext.getCmp(IDS.windowSourceCode);

    function getExpandedPanel() {
        var panel = null;
        mainMenu.items.each(function (item) {
            if (!item.collapsed) {
                panel = item;
            }
        });
        return panel;
    }

    // 点击全部展开按钮
    btnExpandAll.on('click', function () {
        if (IDS.menuType == "menu") {
            mainMenu.expandAll();
        } else {
            var expandedPanel = getExpandedPanel();
            if (expandedPanel) {
                expandedPanel.items.itemAt(0).expandAll();
            }
        }
    });

    // 点击全部折叠按钮
    btnCollapseAll.on('click', function () {
        if (IDS.menuType == "menu") {
            mainMenu.collapseAll();
        } else {
            var expandedPanel = getExpandedPanel();
            if (expandedPanel) {
                expandedPanel.items.itemAt(0).collapseAll();
            }
        }
    });

    function createToolbar() {

        // 由工具栏上按钮获得当前标签页中的iframe节点
        function getCurrentIframeNode(button) {
            // 注意：button.ownerCt 是工具栏，button.ownerCt.ownerCt 就是当前激活的标签页。
            return Ext.DomQuery.selectNode('iframe', button.ownerCt.ownerCt.el.dom);
        }

        // 动态创建按钮
        var sourcecodeButton = new Ext.Button({
            text: "源代码",
            type: "button",
            cls: "x-btn-text-icon",
            icon: "./icon/page_white_code.png",
            listeners: {
                click: function (button, e) {
                    windowSourceCode.x_show('./common/source.aspx?files=' + getCurrentIframeNode(button).attributes['src'].value, '源代码');
                    e.stopEvent();
                }
            }
        });

        var openNewWindowButton = new Ext.Button({
            text: '新标签页中打开',
            type: "button",
            cls: "x-btn-text-icon",
            icon: "./icon/tab_go.png",
            listeners: {
                click: function (button, e) {
                    window.open(getCurrentIframeNode(button).src, "_blank");
                    e.stopEvent();
                }
            }
        });

        var refreshButton = new Ext.Button({
            text: '刷新',
            type: "button",
            cls: "x-btn-text-icon",
            icon: "./icon/reload.png",
            listeners: {
                click: function (button, e) {
                    getCurrentIframeNode(button).contentWindow.location.reload(); //.replace(href);
                    e.stopEvent();
                }
            }
        });

        return new Ext.Toolbar({
            items: ['->', sourcecodeButton, '-', refreshButton, '-', openNewWindowButton]
        });
    }


    // 初始化主框架中的树(或者Accordion+Tree)和选项卡互动，以及地址栏的更新
    // 1. treeMenu, 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
    // 2. mainTabStrip, 主框架中的选项卡控件实例
    // 3. tbarCallback, 在每个选项卡上创建工具栏的回调函数，如果不需要选项卡工具栏，可以设置此值为null
    // 4. updateLocationHash, 切换选项卡时是否在top.location.hash记录当前页面的地址
    X.util.initTreeTabStrip(mainMenu, mainTabStrip, createToolbar, true);


    // 公开添加示例标签页的方法
    window.addExampleTab = function (id, url, text, icon) {
        X.util.addMainTab(mainTabStrip, id, url, text, icon);
    };

    window.removeActiveTab = function () {
        var activeTab = mainTabStrip.getActiveTab();
        mainTabStrip.removeTab(activeTab.id);
    };

}