如何解决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 面向对象编程(2) 定义类
May 18 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
js 数组去重的四种实用方法
Sep 09 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
May 01 Javascript
VsCode插件整理(小结)
Sep 14 Javascript
Node.js模块全局安装路径配置方法
May 17 Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 Javascript
JS判断浏览器类型与操作系统的方法分析
Apr 30 Javascript
vue中的.$mount('#app')手动挂载操作
Sep 02 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的curl实现get和post的代码
2008/08/23 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
CI框架中zip类应用示例
2014/06/17 PHP
PHP基于递归实现的约瑟夫环算法示例
2017/08/27 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
kmock javascript 单元测试代码
2011/02/06 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
2012/05/23 Javascript
最全的Javascript编码规范(推荐)
2016/06/22 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
2018/11/02 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
js观察者模式的弹幕案例
2020/11/23 Javascript
Python heapq使用详解及实例代码
2017/01/25 Python
EM算法的python实现的方法步骤
2018/01/02 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
python实现字符串完美拆分split()的方法
2019/07/16 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
Python中itertools的用法详解
2020/02/07 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
python爬虫基础之urllib的使用
2020/12/31 Python
澳大利亚婴儿喂养品牌:Cherub Baby
2018/11/01 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
外贸业务员的岗位职责
2013/11/23 职场文书
学生党员思想汇报
2013/12/28 职场文书
国际商务专业职业生涯规划书范文
2014/01/17 职场文书
整改报告怎么写
2014/11/06 职场文书
大学生个人总结范文
2015/02/15 职场文书
公司财务管理制度
2015/08/04 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers
浅谈Python中对象是如何被调用的
2022/04/06 Python