如何解决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 相关文章推荐
使用prototype.js进行异步操作
Feb 07 Javascript
Javascript实现的鼠标经过时播放声音
May 18 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
JSONP原理及简单实现
Jun 08 Javascript
JavaScript创建对象的七种方式(推荐)
Jun 26 Javascript
Angular2的管道Pipe的使用方法
Nov 07 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
吃通javascript正则表达式
Apr 21 Javascript
7个你应该知道的JS原生错误类型
Apr 29 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
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
javascript与webservice的通信实现代码
2010/12/25 Javascript
JavaScript中清空数组的三种方法分享
2011/04/07 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
jquery实现动态改变div宽度和高度
2015/05/08 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
跟我学习javascript的异步脚本加载
2015/11/20 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
2017/04/03 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
2018/08/24 jQuery
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
Python配置mysql的教程(推荐)
2017/10/13 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
python双向链表原理与实现方法详解
2019/12/03 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
django实现日志按日期分割
2020/05/21 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
萌新HTML5 入门指南(二)
2020/11/09 HTML / CSS
银行求职信个人范文
2013/12/16 职场文书
《小池塘》教学反思
2014/02/28 职场文书
党支部公开承诺践诺书
2014/03/28 职场文书
户外活动总结范文
2014/04/30 职场文书
学校募捐倡议书
2014/05/14 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
高中运动会前导词
2015/07/20 职场文书
python3读取文件指定行的三种方法
2021/05/24 Python
浅谈Web Storage API的使用
2021/06/23 Javascript
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python
Python软件包安装的三种常见方法
2022/07/07 Python