bab-icon/public/table_admin/js/demo/treeview-demo.min.js

$(function() {
    var e = [{
            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"]
            }],
        o = [{
            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: !0
            },
            {
                text: "父节点 5",
                icon: "glyphicon glyphicon-certificate",
                color: "pink",
                backColor: "red",
                href: "http://www.tesco.com",
                tags: ["available", "0"]
            }],
        t = '[{"text": "父节点 1","nodes": [{"text": "子节点 1","nodes": [{"text": "孙子节点 1"},{"text": "孙子节点 2"}]},{"text": "子节点 2"}]},{"text": "父节点 2"},{"text": "父节点 3"},{"text": "父节点 4"},{"text": "父节点 5"}]';
    $("#treeview1").treeview({
        data: e
    }),
        $("#treeview2").treeview({
            levels: 1,
            data: e
        }),
        $("#treeview3").treeview({
            levels: 99,
            data: e
        }),
        $("#treeview4").treeview({
            color: "#428bca",
            data: e
        }),
        $("#treeview5").treeview({
            color: "#428bca",
            expandIcon: "glyphicon glyphicon-chevron-right",
            collapseIcon: "glyphicon glyphicon-chevron-down",
            nodeIcon: "glyphicon glyphicon-bookmark",
            data: e
        }),
        $("#treeview6").treeview({
            color: "#428bca",
            expandIcon: "glyphicon glyphicon-stop",
            collapseIcon: "glyphicon glyphicon-unchecked",
            nodeIcon: "glyphicon glyphicon-user",
            showTags: !0,
            data: e
        }),
        $("#treeview7").treeview({
            color: "#428bca",
            showBorder: !1,
            data: e
        }),
        $("#treeview8").treeview({
            expandIcon: "glyphicon glyphicon-stop",
            collapseIcon: "glyphicon glyphicon-unchecked",
            nodeIcon: "glyphicon glyphicon-user",
            color: "yellow",
            backColor: "purple",
            onhoverColor: "orange",
            borderColor: "red",
            showBorder: !1,
            showTags: !0,
            highlightSelected: !0,
            selectedColor: "yellow",
            selectedBackColor: "darkorange",
            data: e
        }),
        $("#treeview9").treeview({
            expandIcon: "glyphicon glyphicon-stop",
            collapseIcon: "glyphicon glyphicon-unchecked",
            nodeIcon: "glyphicon glyphicon-user",
            color: "yellow",
            backColor: "purple",
            onhoverColor: "orange",
            borderColor: "red",
            showBorder: !1,
            showTags: !0,
            highlightSelected: !0,
            selectedColor: "yellow",
            selectedBackColor: "darkorange",
            data: o
        }),
        $("#treeview10").treeview({
            color: "#428bca",
            enableLinks: !0,
            data: e
        }),
        $("#treeview11").treeview({
            color: "#428bca",
            data: e,
            onNodeSelected: function(e, o) {
                $("#event_output").prepend("<p>您单击了 " + o.text + "</p>")
            }
        }),
        $("#treeview12").treeview({
            data: t
        })
});