extjs如何动态的向另一个组件中添加按钮 - 爱问答

(爱问答)

extjs如何动态的向另一个组件中添加按钮

var centerPanel = Ext.create('Ext.TabPanel', {region: 'center',deferredRender: false,activeTab: 0,items: []})var ftab = Ext.create('Ext.Panel', {tpl: new Ext.XTemplate('<iframe style="width: 100%; height: 100%; border: 0;padding:4px 4px 4px 4px;" src="{url}"></iframe>'),load: function (b) { this.update(this.tpl.apply(b)) }, clear: function () { this.update("") },title: '首页',autoScroll: true});ftab.load({ url: '<%=Url.Action("Welcome",new{ controller="Home"}) %>' });centerPanel.add(ftab);function trsel(view, record, item, index, e) {if (record.raw.leaf) {var tab = centerPanel.getComponent("tab" + record.raw.id); //获取tab对象if (!tab) {//如果tab不存在,就创建并添加到centerPanel中tab = Ext.create('Ext.Panel', {tpl: new Ext.XTemplate('<iframe style="width: 100%; height: 100%; border: 0;padding:4px 4px 4px 4px;" src="{url}"></iframe>'),load: function (b) { this.update(this.tpl.apply(b)) }, clear: function () { this.update("") },id: "tab" + record.raw.id,title: record.raw.text,closable: true,autoScroll: true});tab.load({ url: '/' + record.raw.menu_area + '/' + record.raw.menu_controller + '/' + record.raw.menu_action });centerPanel.add(tab);}centerPanel.setActiveTab(tab); //设置显示当前面板}};函数是点击菜单树时调用的。你自己调整一下,点按钮时调这个函数就可以。不过网上说用iframe不好,我也想看看有没有其他的方法

这个你可以采用可见性的方法来实现,比如说,你把这一行全部添加上,然后设置他的Visibility属性为Collapse,当你点击添加按钮是,把这个属性再设置为Visible

下一篇:eclipse安装不上

上一篇:路由器的好坏能直接影响网速吗?

热门标签:
excel 网盘 破解 word dll
最新更新:
微软重新评估新的Outlook的使用时机 联想推出搭载联发科Helio G80芯片组的Tab M9平板 英特尔创新大赛时间确定! 微软Edge浏览器在稳定渠道中推出Workspaces功能 英伟达RTX4060TiGPU推出MaxSun动漫主题! 谷歌地图为用户提供了街景服务! GameSir 在T4 Kaleid中推出了一款出色的控制器! 微软开始在Windows 11 中测试其画图应用程序的新深色模式! LG电子推出全球首款无线OLED电视 英伟达人工智能芯片崭露头角! Steam Deck可以玩什么游戏-Steam Deck价格限时优惠 雷蛇推出CobraPro鼠标 Kindle电子阅读器可以访问谷歌商店吗 Windows10如何加入组策略 window10图片查看器怎么没有了?