easyui关闭tab和tab页面间加载数据处理

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就好了。这样就避免了重新请求加载数据。

转载于:https://www.cnblogs.com/dylanblog/p/4199956.html