jquery Ztree

最新推荐文章于 2024-03-09 21:49:48 发布

CuratorCrision

最新推荐文章于 2024-03-09 21:49:48 发布

阅读量541

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/u014766136/article/details/51792779

版权

jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>ztree</title>
<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" language="javascript">
/**ztree的参数配置，setting主要是设置一些tree的属性，是本地数据源，还是远程，动画效果，是否含有复选框等等**/
var setting = {
check: { /**复选框**/
enable: true, //为false时没有复选框，为true时有复选框
chkboxType: {"Y":"", "N":""}
},
view: {
//dblClickExpand: false,
expandSpeed: 300 //设置树展开的动画速度，IE6下面没效果，
},
data: {
simpleData: { //简单的数据源，一般开发中都是从数据库里读取，API有介绍，这里只是本地的
enable: true,
idKey: "id", //id和pid，这里不用多说了吧，树的目录级别
pIdKey: "pId",
rootPId: 0 //根节点
}
},
callback: { /**回调函数的设置，随便写了两个**/
beforeClick: beforeClick,
onCheck: onCheck
}
};
function beforeClick(treeId, treeNode) {
alert("beforeClick");
}
function onCheck(e, treeId, treeNode) {
alert("onCheck");
alert(e);
}

var citynodes = [ /**自定义的数据源，ztree支持json,数组，xml等格式的**/
{id:0, pId:-1, name:"中国"},
{id:1, pId:0, name:"北京"},
{id:2, pId:0, name:"天津"},
{id:3, pId:0, name:"上海"},
{id:6, pId:0, name:"重庆"},
{id:4, pId:0, name:"河北省", open:false, nocheck:true},
{id:41, pId:4, name:"石家庄"},
{id:42, pId:4, name:"保定"},
{id:43, pId:4, name:"邯郸"},
{id:44, pId:4, name:"承德"},
{id:5, pId:0, name:"广东省", open:false, nocheck:true},
{id:51, pId:5, name:"广州"},
{id:52, pId:5, name:"深圳"},
{id:53, pId:5, name:"东莞"},
{id:54, pId:5, name:"佛山"},
{id:6, pId:0, name:"福建省", open:false, nocheck:true},
{id:61, pId:6, name:"福州"},
{id:62, pId:6, name:"厦门"},
{id:63, pId:6, name:"泉州"},
{id:64, pId:6, name:"三明"},

{id:7, pId:0, name:"四川省", open:true, nocheck:true},
{id:71, pId:7, name:"成都"},
{id:72, pId:7, name:"绵阳"},
{id:73, pId:7, name:"自贡"},
{id:711, pId:71, name:"金牛区"},
{id:712, pId:71, name:"锦江区"},
{id:7111, pId:711, name:"九里堤"},
{id:7112, pId:711, name:"火车北站"},

{id:8,pId:0,name:"云南省",open:true, nocheck:true},
{id:81, pId:8, name:"昆明市"},
{id:811, pId:81, name:"五华区"},
{id:812, pId:81, name:"盘龙区"},
{id:813, pId:81, name:"官渡区"},
{id:814, pId:81, name:"西山区"},
{id:815, pId:81, name:"东川区"},
{id:816, pId:81, name:"安宁市"},
{id:817, pId:81, name:"呈贡县"},
{id:818, pId:81, name:"晋宁县"},
{id:819, pId:81, name:"富民县"},
{id:820, pId:81, name:"宜良县"},
{id:821, pId:81, name:"嵩明县"},
{id:822, pId:81, name:"石林县"},
{id:823, pId:81, name:"禄劝县"},
{id:824, pId:81, name:"寻甸县"},
{id:82, pId:8, name:"曲靖市"},
{id:821, pId:82, name:"麒麟区"},
{id:822, pId:82, name:"宣威市"},
{id:823, pId:82, name:"马龙县"},
{id:824, pId:82, name:"陆良县"},
{id:825, pId:82, name:"师宗县"},
{id:826, pId:82, name:"罗平县"},
{id:827, pId:82, name:"富源县"},
{id:828, pId:82, name:"会泽县"},
{id:829, pId:82, name:"沾益县"},
{id:83, pId:8, name:"玉溪市"},
{id:831, pId:83, name:"红塔区"},
{id:832, pId:83, name:"江川县"},
{id:833, pId:83, name:"澄江县"},
{id:834, pId:83, name:"通海县"},
{id:835, pId:83, name:"华宁县"},
{id:836, pId:83, name:"易门县"},
{id:837, pId:83, name:"峨山县"},
{id:838, pId:83, name:"新平县"},
{id:839, pId:83, name:"元江县"},

{id:84, pId:8, name:"保山市"},
{id:841, pId:84, name:"隆阳区"},
{id:842, pId:84, name:"施甸县"},
{id:843, pId:84, name:"腾冲县"},
{id:844, pId:84, name:"龙陵县"},
{id:845, pId:84, name:"昌宁县"},

{id:85, pId:8, name:"昭通市"},
{id:851, pId:85, name:"昭阳区"},
{id:852, pId:85, name:"鲁甸县"},
{id:853, pId:85, name:"巧家县"},
{id:854, pId:85, name:"盐津县"},
{id:855, pId:85, name:"大关县"},
{id:856, pId:85, name:"永善县"},
{id:857, pId:85, name:"绥江县"},
{id:858, pId:85, name:"镇雄县"},
{id:859, pId:85, name:"彝良县"},
{id:860, pId:85, name:"威信县"},
{id:860, pId:85, name:"水富县"},

{id:86, pId:8, name:"丽江市"},
{id:861, pId:86, name:"古城区"},
{id:862, pId:86, name:"永胜县"},
{id:863, pId:86, name:"华坪县"},
{id:864, pId:86, name:"玉龙县"},
{id:865, pId:86, name:"宁蒗县"},

{id:87, pId:8, name:"普洱市"},
{id:871, pId:87, name:"思茅区"},
{id:872, pId:87, name:"宁洱县"},
{id:873, pId:87, name:"墨江县"},
{id:874, pId:87, name:"景东县"},
{id:875, pId:87, name:"景谷县"},
{id:876, pId:87, name:"镇沅县"},
{id:877, pId:87, name:"江城县"},
{id:878, pId:87, name:"孟连县"},
{id:879, pId:87, name:"澜沧县"},
{id:880, pId:87, name:"西盟县"},

{id:88, pId:8, name:"临沧市"},
{id:881, pId:88, name:"临翔区"},
{id:882, pId:88, name:"凤庆县"},
{id:883, pId:88, name:"云县"},
{id:884, pId:88, name:"永德县"},
{id:885, pId:88, name:"镇康县"},
{id:886, pId:88, name:"耿马县"},
{id:887, pId:88, name:"沧源县"},

{id:89, pId:8, name:"文山州"},
{id:891, pId:89, name:"文山县"},
{id:892, pId:89, name:"砚山县"},
{id:893, pId:89, name:"西畴县"},
{id:894, pId:89, name:"麻栗坡"},
{id:895, pId:89, name:"马关县"},
{id:896, pId:89, name:"丘北县"},
{id:897, pId:89, name:"广南县"},
{id:898, pId:89, name:"富宁县"},

{id:90, pId:8, name:"红河州"},
{id:901, pId:90, name:"蒙自县"},
{id:902, pId:90, name:"个旧市"},
{id:903, pId:90, name:"开远市"},
{id:904, pId:90, name:"绿春县"},
{id:905, pId:90, name:"建水县"},
{id:906, pId:90, name:"石屏县"},
{id:907, pId:90, name:"弥勒县"},
{id:908, pId:90, name:"泸西县"},
{id:909, pId:90, name:"元阳县"},
{id:910, pId:90, name:"红河县"},
{id:912, pId:90, name:"金平县"},
{id:913, pId:90, name:"河口县"},
{id:914, pId:90, name:"屏边县"},

{id:91, pId:8, name:"西双版纳州"},
{id:911, pId:91, name:"景洪市"},
{id:912, pId:91, name:"勐海县"},
{id:913, pId:91, name:"勐腊县"},

{id:92, pId:8, name:"楚雄州"},
{id:921, pId:92, name:"楚雄市"},
{id:922, pId:92, name:"双柏县"},
{id:923, pId:92, name:"牟定县"},
{id:924, pId:92, name:"南华县"},
{id:925, pId:92, name:"姚安县"},
{id:926, pId:92, name:"大姚县"},
{id:927, pId:92, name:"永仁县"},
{id:928, pId:92, name:"元谋县"},
{id:929, pId:92, name:"武定县"},
{id:930, pId:92, name:"禄丰县"},

{id:93, pId:8, name:"大理州"},
{id:931, pId:93, name:"大理市"},
{id:932, pId:93, name:"祥云县"},
{id:933, pId:93, name:"宾川县"},
{id:934, pId:93, name:"弥渡县"},
{id:935, pId:93, name:"永平县"},
{id:936, pId:93, name:"云龙县"},
{id:937, pId:93, name:"洱源县"},
{id:938, pId:93, name:"剑川县"},
{id:939, pId:93, name:"鹤庆县"},
{id:940, pId:93, name:"漾濞县"},
{id:941, pId:93, name:"南涧县"},
{id:942, pId:93, name:"巍山县"},

{id:94, pId:8, name:"德宏州"},
{id:941, pId:94, name:"潞西市"},
{id:942, pId:94, name:"瑞丽市"},
{id:943, pId:94, name:"梁河县"},
{id:944, pId:94, name:"盈江县"},
{id:945, pId:94, name:"陇川县"},

{id:95, pId:8, name:"怒江州"},
{id:951, pId:95, name:"泸水县"},
{id:952, pId:95, name:"福贡县"},
{id:953, pId:95, name:"贡山县"},
{id:954, pId:95, name:"兰坪县"},

{id:96, pId:8, name:"迪庆州"},
{id:961, pId:96, name:"香格里拉县"},
{id:962, pId:96, name:"德钦县"},
{id:963, pId:96, name:"维西县"}
];

$(document).ready(function(){//初始化ztree对象
var zTreeDemo = $.fn.zTree.init($("#cityTree"),setting, citynodes);
});
</script>
</head>
<body>
<ul id="cityTree" class="ztree"></ul>
</body>
</html>