zoukankan      html  css  js  c++  java
  • 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就好了。这样就避免了重新请求加载数据。

  • 相关阅读:
    既使用maven编译,又使用lib下的Jar包
    Mac idea 快捷键
    spring-boot集成Springfox-Swagger2
    java 反射获取类的静态属性值
    springmvc防止重复提交拦截器
    反射调用 java bean的set和get方法
    JSONObject 自定义过滤配置
    maven自定义脚手架(快速生成项目)
    Jackson序列化实例
    EntityManager的使用
  • 原文地址:https://www.cnblogs.com/dylanblog/p/4199956.html
Copyright © 2011-2022 走看看