如何解决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 相关文章推荐
jQuery 添加/移除CSS类实现代码
Feb 11 Javascript
Js获取事件对象代码
Aug 05 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
微信小程序支付之c#后台实现方法
Oct 19 Javascript
js正则表达式校验指定字符串的方法
Jul 23 Javascript
解决在vue项目中webpack打包后字体不生效的问题
Sep 01 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 Javascript
JavaScript实现HTML导航栏下拉菜单
Nov 25 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的加密方式及原理
2012/06/14 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
PHP合并discuz用户脚本的方法
2015/08/04 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
PHP中file_put_contents追加和换行的实现方法
2017/04/01 PHP
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
JavaScript生成福利彩票双色球号码
2015/05/15 Javascript
省市区三级联动下拉框菜单javascript版
2015/08/11 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
javascript设计模式Constructor(构造器)模式
2016/08/19 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
vue基础之模板和过滤器用法实例分析
2019/03/12 Javascript
layer.alert回调函数执行关闭弹窗的实例
2019/09/11 Javascript
[03:14]辉夜杯主赛事 12月25日每日之星
2015/12/26 DOTA
[04:26]DOTA2上海特锦赛小组赛第二日 TOP10精彩集锦
2016/02/27 DOTA
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
Python中的下划线详解
2015/06/24 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
python中文编码与json中文输出问题详解
2018/08/24 Python
python实现将中文日期转换为数字日期
2020/07/14 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
Python+kivy BoxLayout布局示例代码详解
2020/12/28 Python
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
alice McCALL官网:澳大利亚时尚品牌
2020/11/16 全球购物
大学团支书的自我评价分享
2013/12/14 职场文书
人事部主管岗位职责
2013/12/26 职场文书
贺卡寄语大全
2014/04/11 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
疾病捐款倡议书
2014/05/13 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
react 项目中引入图片的几种方式
2021/06/02 Javascript
PostgreSQL数据库创建并使用视图以及子查询
2022/04/11 PostgreSQL