如何解决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 相关文章推荐
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
Jun 10 Javascript
jQuery插件Validate实现自定义校验结果样式
Jan 18 Javascript
JS弹出窗口的运用与技巧大全
Nov 01 Javascript
JS实现异步上传压缩图片
Apr 22 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
vue如何限制只能输入正负数及小数
Jul 04 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 Javascript
JavaScript如何实现防止重复的网络请求的示例
Jan 28 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
详解用原生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迭代器接口Iterator用法分析
2017/12/28 PHP
PHP单例模式数据库连接类与页面静态化实现方法
2019/03/20 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
两个DIV等高的JS的实现代码
2007/12/23 Javascript
Jquery replace 字符替换实现代码
2010/12/02 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
Jquery的基本对象转换和文档加载用法实例
2015/02/25 Javascript
JQuery中DOM事件合成用法实例分析
2015/06/13 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
2017/03/08 Javascript
基于vue+canvas的excel-like组件实例详解
2017/11/28 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
jquery实现直播视频弹幕效果
2020/02/25 jQuery
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
[06:20]2015国际邀请赛第三日top10
2015/08/08 DOTA
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
python获取指定时间差的时间实例详解
2017/04/11 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
Python基于gevent实现高并发代码实例
2020/05/15 Python
python小白学习包管理器pip安装
2020/06/09 Python
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
信息管理应届生求职信
2014/03/07 职场文书
2014年党员发展工作总结
2014/12/02 职场文书
会议主持词通用版
2019/04/02 职场文书
尝试使用Python爬取城市租房信息
2022/04/12 Python