bootstrap-treeview 树形菜单控件

bootstrap-treeview 树形菜单控件

https://github.com/jonmiles/bootstrap-treeview

            var tree = [
            {
                text: "Parent 1",
                id:1,
                nodes: [
                {
                    text: "Child 1",
                    id:2,
                    nodes: [
                    {
                        text: "Grandchild 1",
                        id:3,
                    },
                    {
                        text: "Grandchild 2",
                        id:4
                    }
                    ]
                },
                {
                    text: "Child 2",
                    id:5
                }
                ]
            },
            {
                text: "Parent 2",
                id:6
            },
            {
                text: "Parent 3",
                id:7
            },
            {
                text: "Parent 4",
                id:8
            },
            {
                text: "Parent 5",
                id:9
            }
            ];
            $('#tree').treeview({
                    data: tree,         // 数据源
                    showCheckbox: false,   //是否显示复选框
                    highlightSelected: true,    //是否高亮选中
                    nodeIcon: 'glyphicon glyphicon-user',    //节点上的图标
                    //nodeIcon: 'glyphicon glyphicon-globe',
                    emptyIcon: '',    //没有子节点的节点图标
                    multiSelect: false,    //多选
                    onNodeChecked: function (event,data) {
                        console.log("nodeId = "+data.nodeId);
                        console.log("id = "+data.id);
                    },
                    onNodeSelected: function (event, data) {
                        console.log("nodeId = "+data.nodeId);
                        console.log("id = "+data.id);
                    }
                });