乐码库:一个极速、放心、纯净的下载站! 更新: 资源发布
  • 您的位置:首页 > 技术文档 > JavaScript > jQuery EasyUI 获取tabs的实例解析
  • 收藏本页
      jQuery EasyUI 获取tabs的实例解析
      发布时间:2016-12-21 08:10:10 关键词: easyui,tabs
      内容简介:左边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的实例解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对乐码库网站的支持!

      最新更新
      热门排行榜