如何解决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代码
Aug 13 Javascript
jQuery Mobile 导航栏代码
Nov 01 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
Jun 13 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
TypeScript学习之强制类型的转换
Dec 27 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
微信小程序删除处理详解
Aug 16 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
jquery实现上传图片功能
Jun 29 jQuery
ssm+vue前后端分离框架整合实现(附源码)
Jul 08 Javascript
JS使用setInterval计时器实现挑战10秒
Nov 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比较运算符的详细介绍
2015/09/29 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
JS中的public和private对象,即static修饰符
2012/01/18 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
JS实现网页表格自动变大缩小的方法
2015/03/09 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
js中的触发事件对象event.srcElement与event.target详解
2017/03/15 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
JS实现json的序列化和反序列化功能示例
2017/06/13 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
2018/02/05 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
python中的一些类型转换函数小结
2013/02/10 Python
跟老齐学Python之开始真正编程
2014/09/12 Python
python模拟表单提交登录图书馆
2018/04/27 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
破解安装Pycharm的方法
2018/10/19 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
智能室内花园:Click & Grow
2021/01/29 全球购物
个人自荐信
2013/12/05 职场文书
潘婷洗发水广告词
2014/03/14 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
七年级语文教学反思
2016/03/03 职场文书
诉讼和解协议书
2016/03/23 职场文书
小学生优秀作文范文(六篇)
2019/07/10 职场文书
Go语言设计模式之结构型模式
2021/06/22 Golang
Spring中的@Transactional的工作原理
2022/06/05 Java/Android