easyui 项目时我们经常会遇到关闭tab的操作,但是不知如何下手,以我写的小项目为例,tab内部通常是一个iframe,这就涉及到在iframe内部如何关闭tab呢。因为tab在父页面上,这里我们使用window.parent.$("#tt")获得tab,这下就好操作了。#tt当然是tab的id了。我们可以通过easyui给我们的文档看到有close方法,接下来展示代码片段,如下:
//这是第一种方法 window.parent.$('#tt').tabs('close', 'Group Topic'); //这是第二种利用index关闭 var tab = $('#tt', window.parent.document).tabs('getSelected'); if (tab) { var index = $('#tt', window.parent.document).tabs('getTabIndex', tab); $('#tt').tabs('close', index); }
可能获取tab的方法不正确,自行调节一下。
我们通常有好多tab如何加载一个tab里datagrid的数据到另一个里呢,最笨的办法就是再次请求一次。还有没有更好的办法没有,有!不要忘了easyui 的datagrid给我们提供了一个getdata的方法,我们可以通过这个方法获取一个对象数组,另一个tab直接用就可以了
var data= window.parent.$('#dg').datagrid('getData');
这个data你可以用在另一个tab中datagrid中只需要将属性data:data就好了。这样就避免了重新请求加载数据。