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

ゞ浴缸里的玫瑰 2021-11-09 10:42 275阅读 0赞

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

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

![Image 1][]

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

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

![Image 1][]

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

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  
    \}

作者：[PEPE][]  
出处：[http://pepe.cnblogs.com/][PEPE]  
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/PEPE/archive/2011/09/27/2193123.html

[Image 1]: 
[PEPE]: http://pepe.cnblogs.com/