如何解决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 select(列表)的操作(取值/赋值)
Mar 16 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
需要牢记的JavaScript基础知识
Sep 25 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
JavaScript闭包_动力节点Java学院整理
Jun 27 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
JavaScript实现鼠标经过表格某行时此行变色
Nov 20 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 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
新52大事件
2020/03/03 欧美动漫
php删除二维数组中的重复值方法
2018/03/12 PHP
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
javascript高级学习笔记整理
2011/08/14 Javascript
js实现网站首页图片滚动显示
2013/02/04 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
jquery实现左右轮播切换效果
2018/01/01 jQuery
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
nodejs实现用户登录路由功能
2019/05/22 NodeJs
WebSocket的简单介绍及应用
2019/05/23 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
python中as用法实例分析
2015/04/30 Python
基于python绘制科赫雪花
2018/06/22 Python
Python mutiprocessing多线程池pool操作示例
2019/01/30 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
python kafka 多线程消费者&amp;手动提交实例
2019/12/21 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
python集合的新增元素方法整理
2020/12/07 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
美国在线工具商店:Acme Tools
2018/06/26 全球购物
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
Claire’s法国:时尚配饰、美容、珠宝、头发
2021/01/16 全球购物
医务工作者先进事迹材料
2014/01/26 职场文书
信用社员工先进事迹材料
2014/02/04 职场文书
施工安全标语
2014/06/07 职场文书
教师节感恩老师演讲稿
2014/08/28 职场文书
文明上网主题班会
2015/08/14 职场文书