ext.net 开发学习之TabPanel （二）

昨天捣鼓好了页面框架，得到了园友的帮忙，在这里说声 “谢谢”…… ：）

框架好了，当然要实现效果。cs的效果如下，当然我们这边开发bs也要求这样。把需求的效果贴出：

大致可以看出一个主页面嵌套tab页，再在子页面中嵌套一个panel和tab页面

ext.net 完全可以搞定，昨天我们的首页框架主要是前台aspx生成的。为了以后的扩展性，我们今天把显示层用cs实现……效果如下：

代码也贴出，有需要改正或修改的还麻烦前辈赐教感谢

public partial class extEmployeeInfos : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            DataTable dt = CreatePageDao.GetStrucPanelSetTable("BF019");//根据数据源生成Tab 可根据不同需求生成
            SetPanel(dt, "pnlName");//数据源列名（Tab标题）
        }
        /// <summary>
        /// 设置主页面
        /// </summary>
        /// <param name="dtPanel">表</param>
        /// <param name="strRowTitle">表dtPanel：列名</param>
        public void SetPanel(DataTable dtPanel, string strRowTitle)
        {
            // Make TabPanel for Center Region
            TabPanel center = SetTabPanel();
            // Make Tab
            Ext.Net.Panel panel;
            if (dtPanel == null || dtPanel.Rows.Count <= 0)
                return;
            for (int i = 0; i < dtPanel.Rows.Count; i++)
            {
                panel = new Ext.Net.Panel();
                panel.ID = "panel" + i;
                panel.Title = dtPanel.Rows[i][strRowTitle].ToString();
                panel.Border = false;
                center.Items.Add(panel);
                if (i == 0)
                    SetPanelItems(panel);
            }
            BorderLayout bl = new BorderLayout();
            bl.Center.Items.Add(center);
            Viewport vp = new Viewport();
            vp.ContentControls.Add(bl);
            phContent.Controls.Add(vp);
        }
        /// <summary>
        /// 设置第一个tabpanel : 内容控件上下panel
        /// </summary>
        /// <param name="center">主panel</param>
        private void SetPanelItems( Ext.Net.Panel center )
        {
            //////////////////
            // NORTH REGION //
            //////////////////
            // Make Panel for South Region
            Ext.Net.Panel north = new Ext.Net.Panel();
            north.ID = "NorthPanel";
            //north.Title = "North";
            north.Height = Unit.Pixel(500);
            north.BodyStyle = "padding:6px;";
            //north.Html = "North";
            north.Collapsible = true;
            center.Items.Add(north);
            //////////////////
            // SOUTH REGION //
            //////////////////
            SetPanel_TablPanel(CreatePageDao.GetStrucPanelSetTable("BF019"), "pnlName", center);
        }
        /// <summary>
        ///设置Panel 子panel中添加tablPanel
        /// </summary>
        /// <param name="dtPanel">根据table值添加tablepanel </param>
        /// <param name="strRowTitle">title</param>
        /// <param name="panelContent"></param>
        private void SetPanel_TablPanel(DataTable dtPanel, string strRowTitle, Ext.Net.Panel panelContent)
        {
            // Make TabPanel for Center Region
            TabPanel center = new TabPanel();
            center.ID = "tabCenterChild";
            center.Title = "";
            center.ActiveTabIndex = 0;
            // Make Tab
            Ext.Net.Panel panel;
            for (int i = 0; i < dtPanel.Rows.Count; i++)
            {
                panel = new Ext.Net.Panel();
                panel.ID = "panelChild" + i;
                panel.Title = dtPanel.Rows[i][strRowTitle].ToString();
                panel.Border = false;
                center.Items.Add(panel);
            }
            panelContent.Items.Add(center);
        }
        #region 设置TabPanel
        /// <summary>
        /// 设置TabPanel
        /// </summary>
        /// <param name="strID">ID</param>
        /// <param name="strTitle">标题</param>
        /// <returns></returns>
        public TabPanel SetTabPanel(string strID, string strTitle)
        {
            // Make TabPanel for Center Region
            TabPanel center = new TabPanel();
            center.ID = strID;
            center.Title = strTitle;
            center.ActiveTabIndex = 0;
            return center;
        }
        public TabPanel SetTabPanel()
        {
            // Make TabPanel for Center Region
            TabPanel center = new TabPanel();
            center.ID = "tabCenter";
            center.Title = "";
            center.Border = false;
            center.Split = false;
            center.ActiveTabIndex = 0;
            return center;
        }
        #endregion
    }