jsTree 通过ajax 获取json数据 加载树形菜单

var ajaxTreeSample = function() {

        $("#tree_4").jstree({
            "core" : {
                "themes" : {
                    "responsive": false
                }, 
                // so that create works
                "check_callback" : true,
                'data' : function (obj, callback) {
                    var jsonstr="[]";
                    var jsonarray = eval('('+jsonstr+')');
                    $.ajax({
                        type: "POST",
                        url:"/bms/wechat/wemenu/show.do",
                        dataType:"json",
                        async: false,
                        success:function(result) {
                            var arrays= result.data;
                            for(var i=0 ; i<arrays.length; i++){
                                var arr = {
                                        "id":arrays[i].menuId,
                                        "parent":arrays[i].parentId=="root"?"#":arrays[i].parentId,
                                        "text":arrays[i].menuName
                                }
                                jsonarray.push(arr);
                            }
                        }

                    });
                    callback.call(this, jsonarray);
                }
            },
            "types" : {
                "default" : {
                    "icon" : "fa fa-folder icon-state-warning icon-lg"
                },
                "file" : {
                    "icon" : "fa fa-file icon-state-warning icon-lg"
                }
            },
            "state" : { "key" : "demo3" },
            "plugins" : [ "dnd", "state", "types" ]
        });

    }

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js tree是一款强大的树形菜单插件。它基于JavaScript开发,可以帮助我们轻松地创建和管理树状结构的菜单。这个插件提供了丰富的功能和选项,可以满足不同项目的需求。 首先,Js tree具有良好的扩展性,允许我们根据自己的需求进行定制。它提供了多种配置选项和API,可以自定义菜单的外观和行为。例如,我们可以设置节点的图标、背景颜色和样式,以及展开和折叠的动画效果等。 其次,Js tree支持异步加载数据。这对于大型树形菜单非常有用,它可以在需要的时候按需加载子节点,而不是一次性加载所有节点。这样可以减少初始化时间和资源占用,提高用户体验。 此外,Js tree还支持复选框和拖拽功能。复选框可以让用户一次性选择多个节点,用于批量操作。拖拽功能可以让用户轻松地调整节点的位置和层级,实现树的重新排序和结构调整。 最后,Js tree提供了丰富的事件和回调函数,可以让我们对菜单的各种操作进行监听和处理。例如,我们可以监听节点的点击、展开和折叠事件,以及复选框的勾选和取消勾选事件。这样可以方便地与后端交互,实现菜单的动态更新。 总的来说,Js tree是一款强大而灵活的树形菜单插件,具有丰富的功能和选项。无论是构建网站导航菜单,还是实现组织结构图等复杂的树状结构,Js tree都是一个理想的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值