jquery Ztree

jquery Ztree树组件

ztree

/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);

});