jQuery通讯录树形节点

所属分类:导航,输入-文件树,选择框

 21002  105  查看评论 (34)
jQuery通讯录树形节点 ie兼容10

数据结构如下:

var obj = {
    "childList": [
        {
            "id": 2,
            "name": "行政部门",
            "parentId": 1,
            "parentIds": "0,1,",
            "childList": [
                {
                    "childList": [],
                    "id": 4,
                    "name": "校长室",
                    "parentId": 2,
                    "parentIds": "0,1,2,",
                    "userList": [
                    {
                    "id": 111,
                   "realName": "杨武1",
                   "userName": "admin",
                   "uuid": "uuidtest1"
               }
                    ]
                },
                {
                    "childList": [],
                    "id": 5,
                    "name": "德育处",
                    "parentId": 2,
                    "parentIds": "0,1,2,",
                    "userList": [
                    {
                    "id": 111,
                   "realName": "杨武(test)2",
                   "userName": "yang",
                   "uuid": "uuidtest2"
               },
               {
               "id": 222,
                   "realName": "杨武(test)3",
                   "userName": "yang",
                   "uuid": "uuidtest2"
               }
                    ]
                }
            ],
            "userList": [
                {
                "id": 333,
                    "realName": "杨武s",
                    "userName": "admin",
                    "uuid": "uuidtest1"
                },
                {
                "id": 444,
                    "realName": "杨武(test)s",
                    "userName": "yang",
                    "uuid": "uuidtest2"
                }
            ]
        },
   {
            "id": 3,
            "name": "学科组",
            "parentId": 1,
            "parentIds": "0,1,",
            "childList": [
                {
                    "id": 6,
                    "name": "文科组",
                    "parentId": 3,
                    "parentIds": "0,1,3,",
                    "childList": [
                    {
                   "id": 6,
                   "name": "语文组",
                   "parentId": 3,
                   "parentIds": "0,1,3,",
                   "childList": [
                   
                   ],
                   "userList": [
                   {
                   "id": 555,
                   "realName": "杨武语文",
                   "userName": "admin",
                   "uuid": "uuidtest1"
               }
                   ]
               },
               {
                   "id": 6,
                   "name": "英语组",
                   "parentId": 3,
                   "parentIds": "0,1,3,",
                   "childList": [],
                   "userList": [
                   {
                   "id": 444,
                   "realName": "杨武英语",
                   "userName": "admin",
                   "uuid": "uuidtest1"
               },
               {
               "id": 777,
                   "realName": "杨武(test)",
                   "userName": "yang",
                   "uuid": "uuidtest2"
               }
                   ]
               }
                    ],
                    "userList": [
                    {
                    "id": 888,
                   "realName": "杨武",
                   "userName": "admin",
                   "uuid": "uuidtest1"
               },
               {
               "id": 999,
                   "realName": "杨武(test)",
                   "userName": "yang",
                   "uuid": "uuidtest2"
               }
                    ]
                },
                {
                    "id": 6,
                    "name": "理科组",
                    "parentId": 3,
                    "parentIds": "0,1,3,",
                    "childList": [],
                    "userList": [
                    {
                    "id": 1010,
                   "realName": "杨武",
                   "userName": "admin",
                   "uuid": "uuidtest1"
               },
               {
               "id": 1111,
                   "realName": "杨武(test)",
                   "userName": "yang",
                   "uuid": "uuidtest2"
               }
                    ]
                }
       ],
            "userList": [
            {
            "id": 1212,
                    "realName": "杨武(test)",
                    "userName": "yang",
                    "uuid": "uuidtest2"
                }
            ]
        }
    ],
    "id": 1,
    "name": "天心岛小学部门",
    "parentId": 0,
    "parentIds": "0,",
    "userList": [
        {
        "id": 1313,
            "realName": "杨武",
            "userName": "admin",
            "uuid": "uuidtest1"
        }
    ]
}

1. 只需要根据树形结构数据就可以自动生成

相关插件-文件树,选择框

dtree权限控制复选框插件

dtree权限控制复选框插件
  文件树
 28766  153

jquery mobile 树插件

jquery mobile 树形插件
  文件树
 24467  53

基于bootstraptreeview无限分类树层级联动菜单

基于bootstraptreeview做的一个漂亮的无限分类树层级联动菜单
  文件树
 10151  35

树控件

非常简单的树控件,代码中注释说明很详细,方便大家修改。
  文件树
 23218  39

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

    , 0
    2018/4/13 10:55:31
    ①全选/取消全选bug,需要在mainList2.js中的全选、全选取消那一段代码中的末尾回调一下allSelectPeoInfo()方法;
    ②选择人员后,已选人员名字和所在部门需要在index.html中自己修改取值,不知道能不能改成js方式去,因为代码实在太多了,看的人眼花;
    ③回显的话有什么比较好的方式吗?
    回复
    546387291 0
    2018/4/11 14:56:58
    qyx113 0
    2018/3/22 18:59:40
    支持。。。。。。。。。。。。。 回复
    Hello World 0
    2018/3/12 15:46:54
    这个好,刚好我们项目需要这个 回复
    _/~ㄋ???。。。 0
    2017/12/1 16:32:56
    很好看的一款插件,我喜欢
        0
        2018/1/2 11:59:39

        可以给我发一下吗?

        阿甘0
        2018/1/22 17:37:12

        有人下载下来了?能发一份?

    回复
    唛~蔸 0
    2017/11/10 16:53:00

    感觉还不错啊,一定端的

    回复
    YanYu 0
    2017/10/31 17:23:10
    Antony 0
    2017/10/30 17:37:36

    为什么搜索不能用,全选也不能用

    回复
    ^O^^_^ 0
    2017/10/25 14:27:26
    〃Lhnm╂ 0
    2017/10/18 9:42:59

    选择人员后 在已选人员下 名字对不上啊?

        挂念 -h/x30
        2017/10/26 14:56:50

        自己改改

    回复
取消回复