工作中经常用到树形菜单 今天闲暇之余总结如下 写的不好还请大神指教!本文需要的类库可以到 http://www.ztree.me/v3/main.php#_zTreeInfo 下载
闲话不多说先看看效果图
第一种是不带复选框的:看一下代码结构 这是需要引入的库文件
<script>
//必要的一些配置(有些也不是必须的 视情况而定)
var setting = {view: {
dblClickExpand: false,
showLine: true,
selectedMulti: false
},
data: {
simpleData: {
enable:true,
idKey: "id",
pIdKey: "pId",
rootPId: ""
}
},
callback: {
onClick:zTreeOnClick //在callback中调用自定义的函数
}
};
// 自定义的模拟数据 这里的数据也可以用ajax动态加载
var zNodes = [
{ id: 1, pId: 0, name: "国家" },
{ id: 11, pId: 1, name: "中国" },
{ id: 111, pId: 11, name: "北京" },
{ id