纯手写完成“移动端权限树”插件

所属分类:导航-文件树

 10431  58  查看评论 (14)
纯手写完成“移动端权限树”插件 ie兼容9

插件封装在了groupRule.js,后续也可根据自己的需要进行扩展。

此插件可通过ajax接收json数据实现动态加载移动端权限树的功能。

ajax对应的案例数据:

[{
    "id": "1",
    "text": "我的公司",
    "spread": true,
    "checked": false,
    "childs": [{
        "id": "11",
        "text": "公司管理",
        "rules": "D"
    },
    {
        "id": "12",
        "text": "部门管理",
        "rules": "CUD"
    }]
},
{
    "id": "2",
    "text": "租赁业务",
    "spread": true,
    "checked": false,
    "childs": [{
        "id": "21",
        "text": "仓库管理",
        "rules": "CD"
    },
    {
        "id": "22",
        "text": "库存管理",
        "rules": "CU"
    }]
},
{
    "id": "3",
    "text": "物流业务",
    "spread": true,
    "checked": false,
    "childs": []
},
{
    "id": "4",
    "text": "婚庆服务",
    "spread": true,
    "checked": false,
    "childs": []
},
{
    "id": "5",
    "text": "拉皮条服务",
    "spread": true,
    "checked": false,
    "childs": []
}];


相关插件-文件树

树形插件

wdTree是一个轻量级jQuery插件用于创建一个带有嵌套Check Boxe的树形控件。
  文件树
 27749  32

jquery文件树-JQUERY FILE TREE

JQUERY FILE TREE是一个可配置的,AJAX的文件浏览器的jQuery插件。作为一行JavaScript代码,您可以创建一个定制的,完全互动的文件树。
  文件树
 35091  45

dhtmlxTree树形控件

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

jQuery文件树插件SimpleTree.js

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

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

    jaychiu 0
    2017/4/11 22:32:07

    怎么得到选中的数据啊?

    回复
    七小毛 0
    2017/3/29 17:58:49

    这个好用 吗,可惜没有q币

        少年的梦....0
        2017/3/31 11:01:45

        挺好用的

    回复
    那XX?ㄣ o 0
    2017/3/22 18:51:41

    不能无限循环树吗?只能显示两级

    回复
    工作 0
    2017/3/1 16:43:05

    这个好用 吗,可惜没有q币

    回复
    wangshaolong 0
    2016/12/27 11:12:33

    楼主,更新后的再下载,还要Jq币吗

        study12280
        2016/12/27 11:12:17

        我本地更新了,但是不会往这个平台上更新,估计是不是要删了然后再发布

    回复
    筱子郗 0
    2016/10/22 17:10:04
    很不错。可惜没有QB
        study12280
        2016/10/24 11:10:12
        努力赚QB
    回复
    遙遠的風景 0
    2016/10/19 17:10:22
    有bug,当选择最高级时,子元素被选择了,但孙元素没有被选择,既然是全选,为何最后一层没被选
        study12280
        2016/10/19 17:10:13
        恩,谢谢反馈,马上处理
    回复
    臣心如水 0
    2016/10/19 14:10:12
    很不错的代码,刚好可以参考,谢谢楼主 回复
    junyi5d 0
    2016/10/17 11:10:06
    这个圆是椭圆的
        study12280
        2016/10/17 11:10:21
        那个是字体图标,表示半选半不选
    回复
取消回复