jQuery EasyUI 获取tabs的实例解析

 更新时间:2016年12月06日 14:18:05   作者:lhbfilwmyseve  
左边tree,右边tabs。点击tree增加相应的tabs。下面通过一段代码给大家解析,需要的朋友参考下吧

左边tree,右边tabs。点击tree增加相应的tabs

function addtabs(node) { 
var start = ”; 
var end = ”; 
if((‘#tt').tabs(‘exists',node.text)) 
  {(‘#tt').tabs(‘select',node.text); 
(‘#tt').tabs(‘select',node.text); 
  } 
  else {(‘#tt').tabs(‘add',{ 
“title”:node.text, 
“fit”:true, 
“content”:”, 
“selected”:true, 
“border”:false, 
“plain”:true, 
“scrollIncrement”:400, 
“scrollDuration”:200, 
“closable”:true, 
tools:[{ 
iconCls:'icon-reload', 
handler:function(){ 
reloadTabs(node); 
}, 
“toolPosition”:”left”, 
}], 
‘dnd':true 
}); 
} 
}

获取tabs属性

function gettabs(node){ 
var menuName=parent.(‘#tt').tabs(‘getSelected').panel(‘options'); //获取选中tabs 对象 
  var id =parent.(“#category”).tree(‘getSelected');//获取选中tree对象 
console.info(menuName); 
console.info(id); 
}

刷新tabs

function reloadTabs(node) { 
var tab = (‘#tt').tabs(‘getTab',node.text);(‘#tt').tabs(‘update',{ 
tab: tab, 
options: tab.panel(‘options') 
}); 
}

以上所述是小编给大家介绍的jQuery EasyUI 获取tabs的实例解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • jQuery+PHP实现动态数字展示特效

    jQuery+PHP实现动态数字展示特效

    我们在一些应用中需要动态展示数据,比如当前在线人数,当前交易总额,当前汇率等等,前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。
    2015-03-03
  • jquery 全局AJAX事件使用代码

    jquery 全局AJAX事件使用代码

    jquery 全局AJAX事件使用代码,需要的朋友可以参考下。
    2010-11-11
  • jQuery实现的模仿雨滴下落动画效果

    jQuery实现的模仿雨滴下落动画效果

    这篇文章主要介绍了jQuery实现的模仿雨滴下落动画效果,涉及jQuery结合时间函数动态修改页面元素属性相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • 表单验证插件Validation应用的实例讲解

    表单验证插件Validation应用的实例讲解

    这篇文章的内容是表单验证插件Validation应用的实例讲解,需要的朋友可以参考下
    2015-10-10
  • jQuery实现复选框成对选择及对应取消的方法

    jQuery实现复选框成对选择及对应取消的方法

    这篇文章主要介绍了jQuery实现复选框成对选择及对应取消的方法,实例分析了jQuery中change方法的使用技巧,需要的朋友可以参考下
    2015-03-03
  • jquery的ajax如何使用ajaxSetup做全局请求拦截

    jquery的ajax如何使用ajaxSetup做全局请求拦截

    在Web开发中,Ajax是一种常用的前后端数据交互技术,由于业务需求的复杂性和安全性的考虑,我们可能需要对Ajax请求进行全局拦截和处理,以便统一处理一些共性问题,如权限验证、错误处理等,本项目方案将介绍如何使用jQuery的Ajax实现全局请求拦截
    2023-11-11
  • 使用jQuery,Angular实现登录界面验证码详解

    使用jQuery,Angular实现登录界面验证码详解

    这篇文章主要介绍了使用jQuery,Angular实现登录界面验证码详解,需要的朋友可以参考下
    2017-04-04
  • 基于jquery的返回顶部效果(兼容IE6)

    基于jquery的返回顶部效果(兼容IE6)

    最近在写一个首页返回顶部的效果,因为IE6不兼容position:fixed的原因,一直找不到好的解决办法。在Google了一下,有了点眉目,加上一点自己的开发,总算误打误撞的把问题解决了。
    2011-01-01
  • 如何使用jquery easyui创建标签组件

    如何使用jquery easyui创建标签组件

    这篇文章主要介绍了如何使用jquery easyui创建标签组件的相关资料,需要的朋友可以参考下
    2015-11-11
  • JQuery实现页面弹出框

    JQuery实现页面弹出框

    这篇文章主要为大家详细介绍了JQuery实现页面弹出框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02

最新评论