Ext.net中,TabPanel添加页面
Ext.net中点击左边的节点,右边tab添加页面
效果图如下:
代码如下:
JS
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 > |
挺实用的方法,有更好的方法欢迎大家一起来交流学习。
分类:
Ext.net
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 自定义通信协议——实现零拷贝文件传输
· Brainfly: 用 C# 类型系统构建 Brainfuck 编译器
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· DeepSeek 全面指南,95% 的人都不知道的9个技巧(建议收藏)
· 自定义Ollama安装路径
· 本地部署DeepSeek
· 快速入门 DeepSeek-R1 大模型
· DeepSeekV3+Roo Code,智能编码好助手