`

easyui - 由一个 tab 刷新另一个 tab 的数据

 
阅读更多

项目上遇到一个情况,需要在当前页(tab)完成操作后刷新另外一个tab中datagrid的数据,然而在当前tab中获取到datagrid调用其load方法,datagrid从服务器获取到数据了,但是那个tab中的datagrid数据清空了!最终没有找到好的解决方法,只好用一种迂回的方式解决:

 
1、在datagrid对应的那个tab中定义一个刷新datagrid的方法,将其保存到window.top中
          window.top["reload_Abnormal_Monitor"]=function(){
flightTable.datagrid( "load");
};
 

2、在主页中定义一个方法用于选中datagrid对应的标签Tab,然后调用刷新datagrid的那个方法

function reloadTabGrid(title)
      {
             if ($("#tabRegion" ).tabs('exists', title)) {
                  $( '#tabRegion').tabs('select' , title);
                  window.top.reload_Abnormal_Monitor.call();
            }
      }
3、在当前tab页即完成操作的那个tab中调用主页中的方法
parent.reloadTabGrid( "不正常航班监控" );
分享到:
评论
2 楼 hwzyyx 2016-05-12  
jr_soft 写道
你这样能行?

当然可以啊
1 楼 jr_soft 2016-01-21  
你这样能行?

相关推荐

    easyui tab

    EasyUI Tab是一个基于jQuery和EasyUI框架的优秀Tab选项卡插件,它为网页应用程序提供了简单、高效且灵活的选项卡管理功能。EasyUI是一个轻量级的前端开发框架,集合了众多实用的组件,如表格、对话框、菜单、树形...

    easyui iframe 页面重复加载的问题

    首先在页面加载完成事件中,遍历所有的iframe,将src设置为空字符串,然后绑定一个事件监听器到easyui的tab组件上,监听tab的select事件。在该事件中,获取被选中的标签对应的iframe,并为其动态设置正确的src值。 ...

    Easyui添加Tab右键菜单

    通常,一个Tab面板由`<div>`元素包裹,使用`class="easyui-tabs"`进行标识,并且每个Tab页都有一个对应的`<div>`元素,用`data-title`属性定义Tab的标题。例如: ```html <div class="easyui-tabs" id="tabs"> ...

    jQuery easyui刷新当前tabs的方法

    jQuery EasyUI提供了一个简洁的API来实现这一功能,主要涉及`tabs`组件的`update`方法。这篇文章将深入探讨如何使用这个方法以及相关的`param`参数。 首先,我们要理解`tabs`组件是jQuery EasyUI中的一个核心组件,...

    如何解决jQuery EasyUI 已打开Tab重新加载问题

    理解并掌握这些方法和技巧,可以帮助你在开发过程中更高效地处理jQuery EasyUI的Tab刷新问题。希望本文对你有所帮助,如果你在实践中有任何疑问,欢迎进一步探讨。感谢对软件开发领域的关注和支持!

    关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法

    1. Tab选项卡刷新导致页面布局变形问题的根本原因:在使用Tab选项卡组件时,当点击一个选项卡中的刷新按钮时,如果此时鼠标离开了刷新按钮,选项卡的选中状态还没有更新,就会导致实际刷新的内容并不是当前选中的Tab...

    实例代码讲解jquery easyui动态tab页

    这个函数首先检查 Tab 是否已存在,如果存在则选中并刷新该 Tab,否则新建一个 Tab 并设置其内容。 - 如果 `Tab` 已存在,使用 `tabs('exists', title)` 检测,然后调用 `tabs('select', title)` 选择并激活该 Tab...

    jQuery EasyUI Tab 选项卡问题小结

    比如说 我先把行政区域的页面打开之后,我又把产品类型管理的页面打开,之后我再产品类型管理里添加了一条数据,当我点击横着的行政区域选项卡时,我需要使用到产品类型管理岗添加的数据,但是在行政区域里不存在那...

    最新jquery+easyui_api培训文档

    **Pagination** 是一个用于实现数据分页的组件。 ##### 实例 创建一个 Pagination 的基本示例代码如下: ```javascript $('#pg').pagination({ total: 100, pageSize: 10, pageList: [10, 20, 30, 40] }); ``` ...

    JavaScript提高:002:ASP.NET使用easy UI实现tab效果

    每个Tab页都对应一个`<div>`元素,使用`class="easyui-tabs"`进行标记,并通过`tabs`方法初始化。例如: ```html <div id="tabs" class="easyui-tabs"> <div title="Tab 1"> <!-- Tab 1的内容 --> ...

    为EasyUI的Tab标签添加右键菜单的方法

    前期的准备工作: 1、下载DEMO源码,并升级为最新版本(jquery 1.7.2,Easyui 1.2.6),直接替换就可以啦,升级easyui 是的要把css js theme 全部替换 2、在首页的HTML代码中:将 代码如下: ”mm” class=”easyui-...

    JavaScript提高:006:ASP.NET使用easyUI TABS标签updatepanel

    EasyUI是一个基于jQuery的前端框架,它提供了一系列易于使用的UI组件,如表格、对话框、菜单等,而UpdatePanel则是ASP.NET AJAX控件套件中的一个关键组件,用于实现页面的部分更新,避免整个页面的回发。 首先,...

    在UpdatePanel内jquery easyui效果失效的解决方法

    jQuery EasyUI是一个基于jQuery的前端UI框架,它提供了一系列的用户界面组件,比如Tab选项卡、Tree等。但当这些组件放置在UpdatePanel中时,它们可能无法正常工作,因为UpdatePanel的异步更新机制没有执行到初始化...

    基于jquery tab切换(防止页面刷新)

    标题中的“基于jQuery的tab切换(防止页面刷新)”是指在网页设计中,使用jQuery库实现一个功能完善的选项卡切换效果,同时确保在用户切换选项卡后,即使页面被刷新,也能保持用户之前选择的选项卡状态不变。...

Global site tag (gtag.js) - Google Analytics