需要解决的问题:
比如说我先把行政区域的页面打开之后,我又把产品类型管理的页面打开,之后我再产品类型管理里添加了一条数据,当我点击横着的行政区域选项卡时,我需要使用到产品类型管理岗添加的数据,但是在行政区域里不存在那条数据。我就想让这条数据显示出来,所以我就想当我点击横着的选项卡的时候,我就想让刷新一下页面。这时那条数据就会显示出来。
主要是我完全不知道我点击横着的选项卡触发的事件。代码如下:
超文本标记语言
选项卡
差异数据-选项='region:'center ',可折叠: false ' div id=' maintain ins ' class=' measuri-tab '数据-选项='fit:true,狭义:true 'div title='首页style=' overflow : hidden ' data-options=' IConcls : ' fa fa-home ' ' div id=' my clock ' style=' margin : 0 auto;宽度: 400像素;class=' clock '/div/div/div/div js
添加横着的选项卡
函数addTab(标题,URL){ if($(' #维护Bs ').制表符(“存在”,标题)){ $(“# maintens”).制表符('选择,标题);} else { var content=' iframe scrolling=' auto '框架边框=' 0 ' src=' http : ' URL ' ' style=' width :100%;高:99%;/iframe ';$(' # maintens ').制表符(' add ',{title: title,content: content,closable: true,cache:true,});}}点击左边选项卡
函数点击树(节点){if ($(this).tree(' IsLaf ',node.target)) {addTab(node.text,node。属性。网址);} else {$(this).树('切换',节点。目标);}}问题算是解决了吧!
思路:主要就是点击横着的选项卡的时候,重新加载数据一样。
函数addTab(标题,URL){ if($(' #维护Bs ').制表符(“存在”,标题)){ $(“# maintens”).制表符('选择,标题);} else { var content=' iframe scrolling=' auto '框架边框=' 0 ' src=' http : ' URL ' ' style=' width :100%;高:99%;/iframe ';$(' # maintens ').制表符(' add ',{title: title,content: content,closable: true,cache:true,});} }函数点击树(节点){if ($(this).tree(' IsLaf ',node.target)) {addTab(node.text,node。属性。网址);/* 获取横向的选项卡*/var content=' iframe scrolling=' auto '框架边框=' 0 ' src=' http : '节点。属性。URL ' '样式='宽度:100 ';高:99%;/iframe ';$(' # maintens ').制表符({ onSelect:函数(title){ var curr tab=$(' # maintens ')).制表符(' getTab ',标题,节点。属性。网址);var iframe=$(Currtab。面板(“选项”).内容);var src=iframe。attr(' src ');$(' # maintens ').制表符(“更新”,{ options: {title: title,href : src } });}});} else {$(this).树('切换',节点。目标);}}效果截图:
先打开产品类型和基础产品页面
到产品类型添加数据
到基础产品添加数据
我想要的效果达到了!
主要代码:
var content=' iframe scrolling=' auto '框架边框=' 0 ' src=' http : '节点。属性。URL ' '样式='宽度:100 ';高:99%;/iframe ';$(' # maintens ').制表符({ onSelect:函数(title){ var curr tab=$(' # maintens ')).制表符(' getTab ',标题,节点。属性。网址);var iframe=$(Currtab。面板(“选项”).内容);var src=iframe。attr(' src ');$(' # maintens ').制表符(“更新”,{ options: {title: title,href : src } });}});以上所述是小编给大家介绍的jQuery易用户选项卡选项卡问题小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!