Ext.net中,TabPanel添加页面

Ext.net中点击左边的节点,右边tab添加页面
效果图如下:
代码如下:
JS
<script type="text/javascript">
    var addTab = function (tabPanel, id, title, url) {
        var tab = tabPanel.add({
            id: id,
            title: title,
            closable: true,
            closeAction: "hide",
            autoLoad: {
                showMask: true,
                url: url,
                //                     url: "http://www.baidu.com",
                mode: "iframe",
                maskMsg: "加载中..."
            },
            listeners: {
                update: {
                    fn: function (cfg) {
                        cfg.iframe.setHeight(cfg.iframe.getSize().height - 10);
                    },
                    scope: this,
                    single: true
                }
            }
        });
        //            }
 
        tabPanel.setActiveTab(tab);
    }
 
</script>

aspx前台基本代码:

<ext:TreeNode NodeID="MenuItem1" Text="收文登记" Expandable="False" Leaf="true">
      <Listeners>
          <Click Handler="e.stopEvent(); addTab(#{ShowPage},'MenuItem1','收文登记','LR_CollectRegistration.aspx'); " />
      </Listeners>
</ext:TreeNode>

 其中,ShowPage是TabPanel的id

<ext:TabPanel ID="ShowPage" runat="server" Region="Center" ActiveTabIndex="0" Border="false" Title="Center" AutoScroll="True">
            <Items>
                <ext:Panel ID="test1" runat="server" Closable="false" Title="首页">
                    <Items>
                    </Items>
                </ext:Panel>
            </Items>
    </ext:TabPanel>

挺实用的方法,有更好的方法欢迎大家一起来交流学习。

posted @   然嗄  阅读(2199)  评论(1编辑  收藏  举报
编辑推荐:
· 自定义通信协议——实现零拷贝文件传输
· Brainfly: 用 C# 类型系统构建 Brainfuck 编译器
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
阅读排行:
· DeepSeek 全面指南,95% 的人都不知道的9个技巧(建议收藏)
· 自定义Ollama安装路径
· 本地部署DeepSeek
· 快速入门 DeepSeek-R1 大模型
· DeepSeekV3+Roo Code,智能编码好助手
点击右上角即可分享
微信分享提示