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

posted @ 2015-01-03 21:11  Dylan(迪伦)  阅读(1370)  评论(0编辑  收藏  举报