如何解决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 清空form表单中某种元素的值
Dec 26 Javascript
一个轻量级的javascript库 pj介绍
Dec 19 Javascript
window.open的页面如何刷新(父页面)上层页面
Dec 28 Javascript
js使用ajax读博客rss示例
May 06 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
JavaScript事件方法(实例讲解)
Jun 27 Javascript
微信小程序icon组件使用详解
Jan 31 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
JavaScript+HTML实现学生信息管理系统
Apr 20 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中使用PDF文档功能
2006/10/09 PHP
php模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
php递归函数怎么用才有效
2018/02/24 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
Prototype1.6 JS 官方下载地址
2007/11/30 Javascript
js 加载并解析XML字符串的代码
2009/12/13 Javascript
jquery tab插件制作实现代码
2010/06/22 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
详谈angularjs中路由页面强制更新的问题
2017/04/24 Javascript
vue实现登陆登出的实现示例
2017/09/15 Javascript
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
浅谈Python数据类型之间的转换
2016/06/08 Python
使用python实现tcp自动重连
2017/07/02 Python
浅析python打包工具distutils、setuptools
2018/04/20 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
python 基于opencv实现高斯平滑
2020/12/18 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
广州盈通面试题
2015/12/05 面试题
致全体运动员广播稿
2014/02/01 职场文书
鸿星尔克广告词
2014/03/21 职场文书
副总经理岗位职责
2015/02/02 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书