java中的接口是类吗
308
2023-03-03
zTree树形菜单交互选项卡效果的实现方法
1、 添加自定义属性 page
2、 为 ztree 每个树形节点,添加点击事件
//页面加载后执行
$(function() {
//1.进行ztree树形菜单设置,开启简单json数据支持
var setting = {
data:{
simpleData:{
enable:true//开启简单json数据格式支持
}
},
callback:{
onClick:function(event,treeId,treeNode,clickFlag){
var content = '
'//没有设置page属性的树形菜单,不打开选项卡
if(treeNode.page!=undefined && treeNode.page!=""){
//如果选项卡已经打开,就选中
if($("#mytabs").tabs('exists',treeNode.name)){
//选中选项卡
$("#mytabs").tabs('select',treeNode.name);
}else{
//如果没有打开,添加选项卡
$("#mytabs").tabs('add',{
title:treeNode.name,
content:content,
closable:true
});
}
}
}
}
};
//2.提供ztree树形菜单数据
var zNodes = [
{id:1,pId:0,name:"父节点一"},
{id:2,pId:0,name:"父节点二"},
{id:11,pId:1,name:"子节点一"},
{id:12,pId:1,name:"子节点二"},
{id:13,pId:2,name:"CSDN博客",page:"http://blog.csdn.net/a772304419"},
{id:14,pId:2,name:"博客园",page:"http://cnblogs.com/niwotaxuexiba/"}
];
//3.生成树形菜单
$.fn.zTree.init($("#baseMenu"),settinghttp://,zNodes);
});
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~