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

最新推荐文章于 2023-02-01 00:46:16 发布
最新推荐文章于 2023-02-01 00:46:16 发布
阅读量697 收藏 1
点赞数
分类专栏： Jquery-easyui 学习总结 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyxawe/article/details/84733093
版权
本文介绍了在使用easyui时遇到的问题，即在当前tab完成操作后如何刷新另一个tab中的datagrid数据。当直接调用datagrid的load方法时，数据虽然更新但被清空。为解决这个问题，提出了一个解决方案：通过在主页定义一个方法来切换到目标datagrid所在的tab，并调用其刷新方法，从而实现数据的正确更新。
摘要由CSDN通过智能技术生成

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

 
1、在datagrid对应的那个tab中定义一个刷新datagrid的方法，将其保存到window.top中
          window.top[" reload_Abnormal_Monitor"]=function(){
最低0.47元/天 解锁文章
yyxawe
关注
专栏目录
easyui,获取tabs标签页内容,以及刷新datagrid
weixin_30379973的博客
08-14 690
因为先点开tab页xxx查看表格，再点另一个tab页xxxx修改部分信息，再切换到tab页xxx，tab页xxx里的datagrid表格不会刷新，显示不了修改的信息（在此tab页按F5刷新可以解决，但是这样不好），所以根据tab标签页的内容来做判断，只要点开tab页xxx就刷新表格。 找到tabs标签页的代码: <div data-options="region:'cent...
easyUI跨tab刷新datagrid
Core_Star的专栏
05-15 9597
项目上遇到一个情况，需要在当前页(tab)完成操作后刷新另外一个tab中datagrid的数据，然而在当前tab中获取到datagrid调用其load方法，datagrid从服务器获取到数据了，但是那个tab中的datagrid数据清空了！最终没有找到好的解决方法，只好用一种迂回的方式解决： 1、在datagrid对应的那个tab中定义一个刷新datagrid的方法，将其保存到windo
EasyUi 关闭一个tab选项卡后，跳到另一个选项卡，并刷新这个选项卡中的数据表格
狼魂之力
06-30 500
aa
如何解决jQuery EasyUI 已打开Tab重新加载问题
11-28
先给大家说下我的需求，如下： 点击左侧已经打开的tab可以刷新重新加载datagrid。 也就是说解决easyui 左侧tab重新刷新加载问题实现。 实现如下： function addTab(subtitle, url) { if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { title : subtitle, content :<span xss=removed>create
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
10-20
1. Tab选项卡刷新导致页面布局变形问题的根本原因：在使用Tab选项卡组件时，当点击一个选项卡中的刷新按钮时，如果此时鼠标离开了刷新按钮，选项卡的选中状态还没有更新，就会导致实际刷新的内容并不是当前选中的Tab...
jQuery easyui刷新当前tabs的方法
10-21
jQuery EasyUI提供了一个简洁的API来实现这一功能，主要涉及`tabs`组件的`update`方法。这篇文章将深入探讨如何使用这个方法以及相关的`param`参数。 首先，我们要理解`tabs`组件是jQuery EasyUI中的一个核心组件，...
EasyUI - tab动态加载datagrid
weixin_30813225的博客
12-06 347
addTab: function() { $("#myTabs").tabs('add', { title: 'my title', closable: true, tools: [{ iconCls: 'icon-mini-refresh', handler: function...
【EasyUI】datagrid(‘reload‘) 删除数据后表格没有刷新 reload有向后台发送请求 但是表格数据没有刷新
weixin_44238215的博客
02-01 1696
必须保证当前页面上可以获取到id对应的元素，可以在浏览器调试工具的console控制台直接测试。1、reload 需要检查表格在初始化datagrid的时候，有没有对url赋值，reload触发时向后台访问的是这个url。2、reload 向后台发送请求时，当前页码和分页大小都是使用当前页面上的查询参数，这点需要注意。以上3点属于是常规的排查，排查后无法解决问题，可以参照第3点，在浏览器调试工具手动执行。
Easyui中Datagrid获取自身分页信息（数据表格页面点击刷新问题）
小白的自我摸索之路
11-04 2085
在使用Easyui中，一般都会启用分页功能[pagination=true]，又苦于自身分页对象的获取。 数据表格对象 datagrid = $('#data-list'); 首先官方文档中写明DataGrid中的方法getPager可以返回页面对象 datagrid.datagrid('getPager') 有页面对象又不懂得如何使用，经过本菜鸟研究表明，反回的对象就是pagination(分页对象) 即 datagrid.datagrid('getPager').pagina..
js tab切换时自动刷新数据_react-navigation点击底部tab导航刷新页面
weixin_39690625的博客
12-24 1220
本文档基于react-navigation的 3.11.0版本在使用react-navigation底部选项卡导航切换的时候，默认只有第一次切换页面的才会完整执行组件的生命周期，执行数据请求等逻辑，如果我们希望在每次切换的时候都要重新请求数据，也就是刷新页面，则需要调用一个不太常用的API配置：tabBarOnPress。注意使用此配置之后，tab切换将不会自动跳转页面，需要自己手动处理跳转，具体...
easyui tab之自动生成带datagrid的Tab页
nwpuwyp的专栏
09-24 1655
背景：一个头表中带有有不同来源的明细，来自于各个来源的明细需要维护相同的项目，为了使页面美观，将同一来源的明细放在同一Tab页。 方法：           1、布局easyui tab 控件           style ="border : 0px;">     2、根据来源的个数自动生成多个Tab页 //tps为不同的来源的字符串，每个来源用"$"分开  funct
easyui关闭当前tab,刷新另一个tab数据
huangbaokang的博客
01-08 1108
function sub() { var flag = $("#form1").form('enableValidation').form('validate'); if (flag == false) { return; } var options = { type : 'post', dataType : 'json', resetForm :...
easyui关闭当前选项卡并刷新上一级的表格数据
m0_62805260的博客
09-28 584
easyui关闭当前选项卡并刷新上一级的表格数据
easyui中写一个easyui-textbox出现两个输入框
最新发布
09-07
在easyui中，如果你遇到在一个HTML元素上使用easyui-textbox时出现两个输入框的问题，可能是由于easyui的组件库被错误地加载了两次，或者是页面中有其他部分不小心触发了easyui-textbox组件的创建。以下是几种可能的解决方法： 1. 确保easyui库只被加载了一次。在HTML文件的`<head>`部分检查`<script>`和`<link>`标签，确保只包含了easyui的相关脚本和样式表。 2. 如果你在使用easyui组件之前已经手动创建了输入框，那么在使用easyui组件时请不要再次创建输入框的HTML元素。 3. 使用jQuery进行检查和修复。你可以使用jQuery的选择器和方法来查找页面上的输入框，并确保每个输入框只有一个对应的easyui组件实例。例如： ```javascript $(function () { // 初始化所有具有easyui-textbox类的元素 $('input[type="text"].easyui-textbox').textbox(); // 确保每个输入框只有一个easyui-textbox组件 $('input[type="text"].easyui-textbox').each(function() { var $this = $(this); if ($this.next('.textbox').length === 0) { // 如果没有，则不创建新的组件实例 return; } $this.next('.textbox').textbox('destroy'); // 如果存在，则销毁已存在的组件实例 }).textbox(); // 重新初始化easyui-textbox }); ``` 4. 如果问题出现在特定的页面区域或组件中，检查该区域或组件是否有相关的事件或函数触发了easyui-textbox的重复创建。 5. 如果你使用的是服务器端的模板引擎（如Thymeleaf, FreeMarker等），请检查是否有模板逻辑错误导致重复渲染了easyui-textbox相关的HTML代码。 在处理这类问题时，仔细检查你的HTML结构和JavaScript代码，确保没有重复的部分。如果问题仍然存在，你可能需要根据具体的实现代码进一步分析和调试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值