手机版

jQuery易用户选项卡选项卡问题小结

时间:2021-09-07 来源:互联网 编辑:宝哥软件园 浏览:

需要解决的问题:

比如说我先把行政区域的页面打开之后,我又把产品类型管理的页面打开,之后我再产品类型管理里添加了一条数据,当我点击横着的行政区域选项卡时,我需要使用到产品类型管理岗添加的数据,但是在行政区域里不存在那条数据。我就想让这条数据显示出来,所以我就想当我点击横着的选项卡的时候,我就想让刷新一下页面。这时那条数据就会显示出来。

主要是我完全不知道我点击横着的选项卡触发的事件。代码如下:

超文本标记语言

选项卡

差异数据-选项='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易用户选项卡选项卡问题小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

版权声明:jQuery易用户选项卡选项卡问题小结是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。