当前位置: 首页 > news >正文

easyui扩展tabs

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

(function () {
   $.extend($.fn.tabs.methods, {
        getTabById: function(jq,id) {
            var tabs = $.data(jq[0], 'tabs').tabs;
            for(var i=0; i<tabs.length; i++){
                var tab = tabs[i];
                if (tab.panel('options').id == id){
                    return tab;
                }
            }
            return null;
        },
        selectById:function(jq,id) {
            return jq.each(function() {
                var state = $.data(this, 'tabs');
                var opts = state.options;
                var tabs = state.tabs;
                var selectHis = state.selectHis;
                if (tabs.length == 0) {return;}
                var panel = $(this).tabs('getTabById',id); // get the panel to be activated 
                if (!panel){return}
                var selected = $(this).tabs('getSelected');
                if (selected){
                    if (panel[0] == selected[0]){return}
                    $(this).tabs('unselect',$(this).tabs('getTabIndex',selected));
                    if (!selected.panel('options').closed){return}
                }
                panel.panel('open');
                var title = panel.panel('options').title;        // the panel title 
                selectHis.push(title);        // push select history 
                var tab = panel.panel('options').tab;        // get the tab object 
                tab.addClass('tabs-selected');
                // scroll the tab to center position if required. 
                var wrap = $(this).find('>div.tabs-header>div.tabs-wrap');
                var left = tab.position().left;
                var right = left + tab.outerWidth();
                if (left < 0 || right > wrap.width()){
                    var deltaX = left - (wrap.width()-tab.width()) / 2;
                    $(this).tabs('scrollBy', deltaX);
                } else {
                    $(this).tabs('scrollBy', 0);
                }
                $(this).tabs('resize');
                opts.onSelect.call(this, title, $(this).tabs('getTabIndex',panel));
            });
        },
        existsById:function(jq,id){
            return $(jq[0]).tabs('getTabById',id) != null;
        }
    });
})(jQuery);

判断

var isOpen = $('#tabs').tabs('existsById', node.id);
		if (isOpen) {
			$('#tabs').tabs('selectById', node.id);
			var tab = $('#tabs').tabs('getTabById', node.id);
			tab.panel('refresh');
			return;
		}

 

转载于:https://my.oschina.net/xinyuanKong/blog/694981

相关文章:

  • 初心大陆-----python宝典   第三章
  • Navicat远程连接MySQL数据库
  • 【Android开发日记】Popupwindow 完美demo
  • Git代码仓库的建立流程
  • 从0开始学习 Git
  • Oracle 12c Study之--Installer Oracle
  • 事务隔离级别小记
  • C# 语言规范_版本5.0 (第1章 介绍)
  • Oracle创建存储过程、执行存储过程基本语法
  • java- Java IO
  • qt 共享内存 单例
  • phpcms V9 内容模型管理(转)
  • Swift开发小技巧--自定义Log
  • 练习:WinForm(控件Button,打开,关闭窗体)
  • html中,文件上传时使用的input type=file的样式自定义
  • [笔记] php常见简单功能及函数
  • C++入门教程(10):for 语句
  • CentOS6 编译安装 redis-3.2.3
  • JS基础篇--通过JS生成由字母与数字组合的随机字符串
  • Python实现BT种子转化为磁力链接【实战】
  • React as a UI Runtime(五、列表)
  • 成为一名优秀的Developer的书单
  • 搭建gitbook 和 访问权限认证
  • 构建二叉树进行数值数组的去重及优化
  • 关于Flux,Vuex,Redux的思考
  • 基于组件的设计工作流与界面抽象
  • 聊聊flink的BlobWriter
  • 前端设计模式
  • 前端性能优化——回流与重绘
  • 提醒我喝水chrome插件开发指南
  • 跳前端坑前,先看看这个!!
  • 翻译 | The Principles of OOD 面向对象设计原则
  • 教程:使用iPhone相机和openCV来完成3D重建(第一部分) ...
  • (145)光线追踪距离场柔和阴影
  • (42)STM32——LCD显示屏实验笔记
  • (LeetCode C++)盛最多水的容器
  • (NSDate) 时间 (time )比较
  • (阿里巴巴 dubbo,有数据库,可执行 )dubbo zookeeper spring demo
  • (附源码)ssm学生管理系统 毕业设计 141543
  • (教学思路 C#之类三)方法参数类型(ref、out、parmas)
  • (七)微服务分布式云架构spring cloud - common-service 项目构建过程
  • (切换多语言)vantUI+vue-i18n进行国际化配置及新增没有的语言包
  • (十二)springboot实战——SSE服务推送事件案例实现
  • (十一)图像的罗伯特梯度锐化
  • (算法)前K大的和
  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表
  • (一)基于IDEA的JAVA基础10
  • (转)LINQ之路
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • (转载)(官方)UE4--图像编程----着色器开发
  • (总结)Linux下的暴力密码在线破解工具Hydra详解
  • ***通过什么方式***网吧
  • .CSS-hover 的解释
  • .java 指数平滑_转载:二次指数平滑法求预测值的Java代码
  • .NET Core Web APi类库如何内嵌运行?