$(function () { var defaultData = [ { text: '父节点 1', href: '#parent1', tags: ['4'], nodes: [ { text: '子节点 1', href: '#child1', tags: ['2'], nodes: [ { text: '孙子节点 1', href: '#grandchild1', tags: ['0'] }, { text: '孙子节点 2', href: '#grandchild2', tags: ['0'] } ] }, { text: '子节点 2', href: '#child2', tags: ['0'] } ] }, { text: '父节点 2', href: '#parent2', tags: ['0'] }, { text: '父节点 3', href: '#parent3', tags: ['0'] }, { text: '父节点 4', href: '#parent4', tags: ['0'] }, { text: '父节点 5', href: '#parent5', tags: ['0'] } ]; var alternateData = [ { text: '父节点 1', tags: ['2'], nodes: [ { text: '子节点 1', tags: ['3'], nodes: [ { text: '孙子节点 1', tags: ['6'] }, { text: '孙子节点 2', tags: ['3'] } ] }, { text: '子节点 2', tags: ['3'] } ] }, { text: '父节点 2', tags: ['7'] }, { text: '父节点 3', icon: 'glyphicon glyphicon-earphone', href: '#demo', tags: ['11'] }, { text: '父节点 4', icon: 'glyphicon glyphicon-cloud-download', href: '/demo.html', tags: ['19'], selected: true }, { text: '父节点 5', icon: 'glyphicon glyphicon-certificate', color: 'pink', backColor: 'red', href: 'http://www.tesco.com', tags: ['available', '0'] } ]; var json = '[' + '{' + '"text": "父节点 1",' + '"nodes": [' + '{' + '"text": "子节点 1",' + '"nodes": [' + '{' + '"text": "孙子节点 1"' + '},' + '{' + '"text": "孙子节点 2"' + '}' + ']' + '},' + '{' + '"text": "子节点 2"' + '}' + ']' + '},' + '{' + '"text": "父节点 2"' + '},' + '{' + '"text": "父节点 3"' + '},' + '{' + '"text": "父节点 4"' + '},' + '{' + '"text": "父节点 5"' + '}' + ']'; $('#treeview1').treeview({ data: defaultData }); $('#treeview2').treeview({ levels: 1, data: defaultData }); $('#treeview3').treeview({ levels: 99, data: defaultData }); $('#treeview4').treeview({ color: "#428bca", data: defaultData }); $('#treeview5').treeview({ color: "#428bca", expandIcon: 'glyphicon glyphicon-chevron-right', collapseIcon: 'glyphicon glyphicon-chevron-down', nodeIcon: 'glyphicon glyphicon-bookmark', data: defaultData }); $('#treeview6').treeview({ color: "#428bca", expandIcon: "glyphicon glyphicon-stop", collapseIcon: "glyphicon glyphicon-unchecked", nodeIcon: "glyphicon glyphicon-user", showTags: true, data: defaultData }); $('#treeview7').treeview({ color: "#428bca", showBorder: false, data: defaultData }); $('#treeview8').treeview({ expandIcon: "glyphicon glyphicon-stop", collapseIcon: "glyphicon glyphicon-unchecked", nodeIcon: "glyphicon glyphicon-user", color: "yellow", backColor: "purple", onhoverColor: "orange", borderColor: "red", showBorder: false, showTags: true, highlightSelected: true, selectedColor: "yellow", selectedBackColor: "darkorange", data: defaultData }); $('#treeview9').treeview({ expandIcon: "glyphicon glyphicon-stop", collapseIcon: "glyphicon glyphicon-unchecked", nodeIcon: "glyphicon glyphicon-user", color: "yellow", backColor: "purple", onhoverColor: "orange", borderColor: "red", showBorder: false, showTags: true, highlightSelected: true, selectedColor: "yellow", selectedBackColor: "darkorange", data: alternateData }); $('#treeview10').treeview({ color: "#428bca", enableLinks: true, data: defaultData }); $('#treeview11').treeview({ color: "#428bca", data: defaultData, onNodeSelected: function (event, node) { $('#event_output').prepend('
您单击了 ' + node.text + '
'); } }); // $('#treeview11').on('nodeSelected', function (event, node) { // $('#event_output').prepend('您单击了 ' + node.text + '
'); // }); $('#treeview12').treeview({ data: json }); });