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


Posted in Javascript onDecember 19, 2016

先给大家说下我的需求,如下:

点击左侧已经打开的tab可以刷新重新加载datagrid。

也就是说解决easyui 左侧tab重新刷新加载问题实现。

实现如下:

function addTab(subtitle, url) { 
    if (!$('#tabs').tabs('exists', subtitle)) { 
      $('#tabs').tabs('add', { 
        title : subtitle, 
        content :<span style="font-family: Arial, Helvetica, sans-serif;">createFrame(url)</span><span style="font-family: Arial, Helvetica, sans-serif;">,</span> 
        border : false, 
        bodyCls:"indexTabBody", 
        closable : true 
      }); 
    } else { 
      $("#tabs").tabs("select", subtitle); 
      var selTab = $('#tabs').tabs('getSelected'); 
      $('#tabs').tabs('<strong>update</strong>', { 
        tab: selTab, 
        options: { 
          content:createFrame(url) 
        } 
      }) 
    } 
  } 
  function createFrame(url){ 
    return '<iframe scrolling="auto" frameborder="0" src="' +_ctx_+ url + '" style="width:100%;height:100%;"></iframe>'; 
  }

以上所述是小编给大家介绍的解决jQuery EasyUI 已打开Tab重新加载问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 Javascript
Jquery中基本选择器用法实例详解
May 18 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
May 24 Javascript
js实现购物车功能
Jun 12 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
微信小程序适配iphoneX的实现方法
Sep 18 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
使用Vue父子组件通信实现todolist的功能示例代码
Apr 11 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
Mar 07 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
Dec 19 #Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 #Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 #Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 #Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
Dec 19 #Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
Dec 19 #Javascript
Jquery Easyui表单组件Form使用详解(30)
Dec 19 #Javascript
You might like
php下用GD生成生成缩略图的两个选择和区别
2007/04/17 PHP
PHP+ajax 无刷新删除数据
2010/02/20 PHP
PHP CURL使用详解
2019/03/21 PHP
关于php开启错误提示的总结
2019/09/24 PHP
关于jQuery object and DOM element
2013/04/15 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
2014/05/12 Javascript
jquery实现鼠标滑过小图查看大图的方法
2015/07/20 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
详解JavaScript权威指南之对象
2016/09/27 Javascript
javascript-解决mongoose数据查询的异步操作
2016/12/22 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
解决vue项目报错webpackJsonp is not defined问题
2018/03/14 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
2019/01/10 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
python matplotlib 注释文本箭头简单代码示例
2018/01/08 Python
浅谈Python中的bs4基础
2018/10/21 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
优秀广告词大全
2014/03/19 职场文书
法学专业毕业生求职信
2014/06/12 职场文书
交警作风整顿剖析材料
2014/10/11 职场文书
个人存款证明书
2014/10/18 职场文书
安阳殷墟导游词
2015/02/10 职场文书
幼儿园辞职信
2015/05/13 职场文书
三好学生评选事迹材料(2016精选版)
2016/02/25 职场文书
小学作文之描写天气
2019/08/15 职场文书
解析Redis Cluster原理
2021/06/21 Redis
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android