项目上遇到一个情况,需要在当前页(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( "不正常航班监控" );
相关推荐
EasyUI Tab是一个基于jQuery和EasyUI框架的优秀Tab选项卡插件,它为网页应用程序提供了简单、高效且灵活的选项卡管理功能。EasyUI是一个轻量级的前端开发框架,集合了众多实用的组件,如表格、对话框、菜单、树形...
首先在页面加载完成事件中,遍历所有的iframe,将src设置为空字符串,然后绑定一个事件监听器到easyui的tab组件上,监听tab的select事件。在该事件中,获取被选中的标签对应的iframe,并为其动态设置正确的src值。 ...
通常,一个Tab面板由`<div>`元素包裹,使用`class="easyui-tabs"`进行标识,并且每个Tab页都有一个对应的`<div>`元素,用`data-title`属性定义Tab的标题。例如: ```html <div class="easyui-tabs" id="tabs"> ...
jQuery EasyUI提供了一个简洁的API来实现这一功能,主要涉及`tabs`组件的`update`方法。这篇文章将深入探讨如何使用这个方法以及相关的`param`参数。 首先,我们要理解`tabs`组件是jQuery EasyUI中的一个核心组件,...
理解并掌握这些方法和技巧,可以帮助你在开发过程中更高效地处理jQuery EasyUI的Tab刷新问题。希望本文对你有所帮助,如果你在实践中有任何疑问,欢迎进一步探讨。感谢对软件开发领域的关注和支持!
1. Tab选项卡刷新导致页面布局变形问题的根本原因:在使用Tab选项卡组件时,当点击一个选项卡中的刷新按钮时,如果此时鼠标离开了刷新按钮,选项卡的选中状态还没有更新,就会导致实际刷新的内容并不是当前选中的Tab...
这个函数首先检查 Tab 是否已存在,如果存在则选中并刷新该 Tab,否则新建一个 Tab 并设置其内容。 - 如果 `Tab` 已存在,使用 `tabs('exists', title)` 检测,然后调用 `tabs('select', title)` 选择并激活该 Tab...
- **实例**:Accordion用于展示多个可折叠的内容区域,每个区域都有一个标题,点击标题可以展开或关闭对应的区域。 - **参数**:包括`title`(标题文字),`iconCls`(设置标题图标),`selected`(默认选中的项)...
比如说 我先把行政区域的页面打开之后,我又把产品类型管理的页面打开,之后我再产品类型管理里添加了一条数据,当我点击横着的行政区域选项卡时,我需要使用到产品类型管理岗添加的数据,但是在行政区域里不存在那...
**Pagination** 是一个用于实现数据分页的组件。 ##### 实例 创建一个 Pagination 的基本示例代码如下: ```javascript $('#pg').pagination({ total: 100, pageSize: 10, pageList: [10, 20, 30, 40] }); ``` ...
每个Tab页都对应一个`<div>`元素,使用`class="easyui-tabs"`进行标记,并通过`tabs`方法初始化。例如: ```html <div id="tabs" class="easyui-tabs"> <div title="Tab 1"> <!-- Tab 1的内容 --> ...
前期的准备工作: 1、下载DEMO源码,并升级为最新版本(jquery 1.7.2,Easyui 1.2.6),直接替换就可以啦,升级easyui 是的要把css js theme 全部替换 2、在首页的HTML代码中:将 代码如下: ”mm” class=”easyui-...
EasyUI是一个基于jQuery的前端框架,它提供了一系列易于使用的UI组件,如表格、对话框、菜单等,而UpdatePanel则是ASP.NET AJAX控件套件中的一个关键组件,用于实现页面的部分更新,避免整个页面的回发。 首先,...
jQuery EasyUI是一个基于jQuery的前端UI框架,它提供了一系列的用户界面组件,比如Tab选项卡、Tree等。但当这些组件放置在UpdatePanel中时,它们可能无法正常工作,因为UpdatePanel的异步更新机制没有执行到初始化...
标题中的“基于jQuery的tab切换(防止页面刷新)”是指在网页设计中,使用jQuery库实现一个功能完善的选项卡切换效果,同时确保在用户切换选项卡后,即使页面被刷新,也能保持用户之前选择的选项卡状态不变。...