jQuery文件树型结构插件proTree

所属分类:导航-文件树

 5273  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树型表格插件jQuery treetable

jQuery-treetable是一个jQuery插件。有了这个插件,你可以在一个HTML表格中显示树,即目录结构或嵌套列表。它使你的HTML文件干净的,展现出树状表格插件,你只需要每一行数据添加特定的数据属性。
  文件树
 5796  15

jquery mobile 树插件

jquery mobile 树形插件
  文件树
 20252  45

纯javript实用多级目录树结构插件

aimaraJS是一款非常实用的纯javript响应式多级目录树结构插件。该目录树可以动态添加和删除树节点,可以制作多级树结构,每个节点上可以都带有右键上下文菜单,并且每个节点上都
  文件树
 21417  42

jquery树形选择器

根据json字符串格式加载出一个树结构,通过设置可对树结构进行表格化
  文件树
 16287  36

讨论这个项目(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

        是的

    回复
取消回复