ztree添加easyui的tags和普通添加easyui的tags

首先是ztree:

var setting = {
view:{
showLine:true
},
data :{
key:{
name:"name"
},
simpleData:{
enable:true,
idKey:"id",
pIdKey:"pid"
},
},
callback: {
       onClick:addTabs
   },
};
var currentSelectedNode;
var zNodes;
$.ajax({
url:'${ctx}/admin/tree',
type:'POST',
data:{},
async:false, 
success:function(r){
zNodes=eval(r);
}
})
$(document).ready(function(){
$.fn.zTree.init($("#ztreeClass"),setting,zNodes)
});

然后是ztree添加tags

function addTabs(event,treeId,treeNode,clickFlag){  //treeNode代表节点数据,可参照ztree中的api
       if(treeNode.click==false){   //click为false不可以进行点击
           return ;
       }
        //在tabs选项卡添加一个新的选项卡
        if($('#mytabs').tabs('exists',treeNode.name)){ //treeNode.name对应数据zNodes中的name
            //如果存在选项卡,切换到该选项卡中
            $('#mytabs').tabs('select',treeNode.name);
        }else{
            //如果不存在选项卡,添加新的选项卡
            $('#mytabs').tabs('add',{
               title : treeNode.name,
               content : '<div style="width:100%;height:100%;overflow:hidden;">'
                   + '<iframe name="c" src="'
                   + treeNode.url
                   + '" scrolling="auto" style="width:100%;height:100%;border:0;" ></iframe></div>', // 可以局部刷新tab选项卡
               closable : true //提供关闭选项卡的按钮                                  
            });                
        }                            
    }  // 单击ztree的响应函数


然后是普通添加tags

function addTabs1(title,url){
if($('#mytabs').tabs('exists',title)){ //treeNode.name对应数据zNodes中的name
            //如果存在选项卡,切换到该选项卡中
            $('#mytabs').tabs('select',title);
        }else{
            //如果不存在选项卡,添加新的选项卡
            $('#mytabs').tabs('add',{
               title : title,
               content : '<div style="width:100%;height:100%;overflow:hidden;">'
                   + '<iframe name="c" src="'
                   + url
                   + '" scrolling="auto" style="width:100%;height:100%;border:0;" ></iframe></div>', // 可以局部刷新tab选项卡
               closable : true //提供关闭选项卡的按钮                                  
            });                
        }   
    }


然后是jsp代码

<div data-options="region:'center',title:'欢迎'" style="overflow: hidden;">
<div id="mytabs" class="easyui-tabs" data-options="fit:true">
</div>
    </div>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值