如何解决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对象和字串之间的转换实例探讨
Apr 21 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
Apr 04 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
Vue仿支付宝支付功能
May 25 Javascript
微信小程序上传图片实例
May 28 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
Apr 15 Javascript
JavaScript 装逼指南(js另类写法)
May 10 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 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生成UTF8文件的方法
2010/05/15 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
使用ltrace工具跟踪PHP库函数调用的方法
2016/04/25 PHP
PHP连接MYSQL数据库的3种常用方法
2017/02/27 PHP
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
JQuery实现表格动态增加行并对新行添加事件
2014/07/30 Javascript
JavaScript中标识符提升问题
2015/06/11 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
2017/03/24 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
Vue服务器渲染Nuxt学习笔记
2018/01/31 Javascript
jQuery使用each遍历循环的方法
2018/09/19 jQuery
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
python转换摩斯密码示例
2014/02/16 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
Python实现可自定义大小的截屏功能
2018/01/20 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
PyCharm 2019.3发布增加了新功能一览
2019/12/08 Python
Python3常见函数range()用法详解
2019/12/30 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
Python的collections模块真的很好用
2021/03/01 Python
Farah官方网站:男士服装及配件
2019/11/01 全球购物
体育老师的教学自我评价分享
2013/11/19 职场文书
《童年》教学反思
2014/02/18 职场文书
奠基仪式策划方案
2014/05/15 职场文书
公司户外活动总结
2014/07/04 职场文书
甘南现象心得体会
2014/09/11 职场文书
群众路线剖析材料范文
2014/10/09 职场文书
初中英语教学随笔
2015/08/15 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
python实现简单的三子棋游戏
2022/04/28 Python