如何解决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 浏览器验证代码(来自discuz)
Jul 17 Javascript
有趣的javascript数组定义方法
Sep 10 Javascript
使用JSLint提高JS代码质量方法分享
Dec 16 Javascript
JavaScript中的some()方法使用详解
Jun 09 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
解决webpack打包速度慢的解决办法汇总
Jul 06 Javascript
实现div内部滚动条滚动到底部和顶部的代码
Nov 15 Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 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
模仿OSO的论坛(三)
2006/10/09 PHP
PHP新手上路(十一)
2006/10/09 PHP
PHP程序员编程注意事项
2008/04/10 PHP
使用PHP批量生成随机用户名
2008/07/10 PHP
PHP JSON 数据解析代码
2010/05/26 PHP
Thinkphp将二维数组变为标签适用的一维数组方法总结
2014/10/30 PHP
php猜单词游戏
2015/09/29 PHP
js 自定义的联动下拉框
2010/02/07 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
2017/03/17 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
2017/12/09 Javascript
Vue.use源码学习小结
2018/06/20 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
Python版的文曲星猜数字游戏代码
2013/09/02 Python
Python 判断奇数偶数的方法
2018/12/20 Python
实例详解Matlab 与 Python 的区别
2019/04/26 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
浅谈Python3 numpy.ptp()最大值与最小值的差
2019/08/24 Python
Python数据库小程序源代码
2019/09/15 Python
师范大学应届生求职信
2013/11/21 职场文书
文案策划求职信
2014/03/18 职场文书
财务科长个人对照检查材料
2014/09/18 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
解析Java中的static关键字
2021/06/14 Java/Android
Python中glob库实现文件名的匹配
2021/06/18 Python
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python