微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery EasyUI Tab 选项卡问题小结

需要解决的问题:

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

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

html

选项卡

rush:js;">
首页" style="overflow:hidden;" data-options="iconCls:'fa fa-home'">

js

添加横着的选项卡

rush:js;"> function addTab(title,url) { if ($('#mainTabs').tabs('exists',title)) { $('#mainTabs').tabs('select',title); } else { var content = ''; $('#mainTabs').tabs({ onSelect: function (title) { var currTab = $('#mainTabs').tabs('getTab',title,node.attributes.url); var iframe = $(currTab.panel('options').content); var src =iframe.attr('src'); $('#mainTabs').tabs('update',{ options: { title: title,href: src } }); } }); } else { $(this).tree('toggle',node.target); } }

效果截图:

先打开产品类型和基础产品页面

到 产品类型 添加数据

到基础产品 添加数据

我想要的效果达到了!

主要代码

rush:js;"> var content = '