jQuery文件树型结构插件proTree

所属分类:导航-文件树

 5303  14  查看评论 (4)
jQuery文件树型结构插件proTree ie兼容9

标题的图标是font-awesome图标  更改 请参考font-awesome的字体图标替换自己想要的图标

$(".innerUl").ProTree({
    arr: arr,
    simIcon: "fa fa-file-o", //单个标题字体图标 不传默fa fa-file-o
    mouIconOpen: "fa fa-folder-open-o", //含多个标题的打开字体图标  不传默认fa fa-folder-open-o
    mouIconClose: "fa fa-folder-o", //含多个标题的关闭的字体图标  不传默认fa fa-folder-oe
    callback: function(id, name) {
        alert("你选择的id是" + id + ",名字是" + name);
    }
})
相关插件-文件树

jquery.treeview.js树控件

jquery.treeview.js树控件
  文件树
 91306  54

动态JSON树形菜单

根据特定的json格式生成无限级树形菜单
  文件树
 18366  56

dhtmlxTree树形控件

dhtmlxTree 是树菜单,允许我们快速开发界面优美,基于Ajax的javascript库.
  文件树
 14263  23

jQuery文件树插件SimpleTree.js

jQuery文件树插件SimpleTree.js,代码少使用方便。
  文件树
 14063  41

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    0
    2017/11/10 16:07:29

    为什么我动态ajax加载数据出来,没用

    var arr = [{
    /*
        id: 1,
        name: "耗材类别",
        pid: 0
    }, {
        id: 2,
        name: "A.消毒",
        pid: 1
    }, {
        id: 3,
        name: "B.针线",
        pid: 1
    }, {
        id: 4,
        name: "C.配置",
        pid: 1
    }, {
        id: 5,
        name: "D.辅助",
        pid: 1
    */
    }];
    tree();
    
    function tree() {
        $.ajax({
            url: "/consumptive/class/query",
            type: "POST",
            timeout: "4000",
            dataType: "json",
            "success": function(json) {
                var str = "";
                $.each(json.data, function(i, obj) {
                    str = "{id:" + obj.class_Id + ",name:'" + obj.class_Code + "." + obj.class_Name + "',pid:0}";
                    arr.push(str);
                });
    
                alert(arr);
            },
            "error": function() {
                msg("服务器异常");
            }
        });
    }
    //标题的图标是集成bootstrap 的图标  更改 请参考bootstrap的字体图标替换自己想要的图标
    $(".innerUl").ProTree({
        arr: arr,
        simIcon: "fa fa-file-o", //单个标题字体图标 不传默认glyphicon-file
        mouIconOpen: "fa fa-folder-open-o", //含多个标题的打开字体图标  不传默认glyphicon-folder-open
        mouIconClose: "fa fa-folder-o", //含多个标题的关闭的字体图标  不传默认glyphicon-folder-close
    
    
    })
        天道酬勤0
        2017/11/16 9:26:41
        你push的是对象字符串,要对象啊
    回复
    泡??斌メ 0
    2017/9/12 18:51:01

    还是ztree好用

        ? ??? Timo ?0
        2017/9/14 17:45:33

        是的

    回复
取消回复