如何解决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 相关文章推荐
根据分辨率不同,调用不同的css文件
Aug 25 Javascript
读jQuery之四(优雅的迭代)
Jun 20 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
bootstrap使用validate实现简单校验功能
Dec 02 Javascript
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
bootstrap轮播图示例代码分享
May 17 Javascript
js is_valid_filename验证文件名的函数
Jul 19 Javascript
React组件refs的使用详解
Feb 09 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 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
DC动漫人物排行
2020/03/03 欧美动漫
PHP学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
jquery UI 1.72 之datepicker
2009/12/29 Javascript
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
2010/03/01 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
2012/02/10 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
react-native动态切换tab组件的方法
2018/07/07 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
React Native 混合开发多入口加载方式详解
2019/09/23 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
vue实现弹幕功能
2019/10/25 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
2020/02/01 Javascript
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
2021/02/15 Javascript
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
PyCharm使用教程之搭建Python开发环境
2016/06/07 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
python验证身份证信息实例代码
2019/05/06 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
python3 求约数的实例
2019/12/05 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
用C语言实现文件读写操作
2013/10/27 面试题
小区门卫岗位职责
2013/12/31 职场文书
庆中秋节主题活动方案
2014/02/03 职场文书
2014普法依法治理工作总结
2014/12/18 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL