layui 常用的css,使用layui xtree插件最基础样式

pageEncoding="UTF-8" %>

//这一句不用管....

$('.header-nav-item:eq(2)').addClass('nav-active');

//一套json数据下面会使用，同时供你参考

var json = [

{

title: "节点1", value: "jd1", data: [

{ title: "节点1.1", checked: true, disabled: true, value: "jd1.1", data: [] }

, { title: "节点1.2", value: "jd1.2", checked: true, data: [] }

, { title: "节点1.3", value: "jd1.3", disabled: true, data: [] }

, { title: "节点1.4", value: "jd1.4", data: [] }

]

}

, {

title: "节点2", value: "jd2", data: [

{ title: "节点2.1", value: "jd2.1", data: [] }

, { title: "节点2.2", value: "jd2.2", data: [] }

, { title: "节点2.3", value: "jd2.3", data: [] }

, { title: "节点2.4", value: "jd2.4", data: [] }

]

}

, { title: "节点3", value: "jd3", data: [] }

, { title: "节点4", value: "jd4", data: [] }

];

//********************

// 正式开始

//********************

//layui 的 form 模块是必须的

layui.use(['form'], function () {

var form = layui.form;

//1、最基础的用法 - 直接绑定json

var xtree1 = new layuiXtree({

elem: 'xtree1' //(必填) 放置xtree的容器，样式参照 .xtree_contianer

, form: form //(必填) layui 的 from

, data: json //(必填) json数据

});

});