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);
     };

 }