如何解决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 相关文章推荐
一组JS创建和操作表格的函数集合
May 07 Javascript
再谈javascript面向对象编程
Mar 18 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
js+jquery实现图片裁剪功能
Jan 02 Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
Apr 13 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
electron踩坑之remote of undefined的解决
Oct 06 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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中使用XML
2006/10/09 PHP
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
Laravel 5 学习笔记
2015/03/06 PHP
使用PHP和JavaScript判断请求是否来自微信内浏览器
2015/08/18 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
JavaScript开发时的五个注意事项
2007/12/08 Javascript
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
2008/12/02 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
Javascript window对象详解
2014/11/12 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
js中跨域方法原理详解
2015/07/19 Javascript
js时间戳转为日期格式的方法
2015/12/28 Javascript
快速学习AngularJs HTTP响应拦截器
2015/12/31 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
2016/10/01 Javascript
angularjs实现简单的购物车功能
2017/09/21 Javascript
vue页面加载闪烁问题的解决方法
2018/03/28 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
Vue项目中配置pug解析支持
2019/05/10 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
利用Python爬取微博数据生成词云图片实例代码
2017/08/31 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
在Python中os.fork()产生子进程的例子
2019/08/08 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
如何写毕业求职自荐信
2013/11/06 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript
「回转企鹅罐」10周年纪念展「輪るピングドラム展」海报公开
2022/03/22 日漫