EasyUI tree 点击节点后,节点图标变为了文件夹形式,但是子节点并没有添加上去问题解决

$('#tt').tree({
            url: 'test.json',
            loadFilter: function (data) {
                return data.result;
            },
            onClick: function (node) {
               add()
            }
        });
        var id = 7;
        function add(){
            var selected = $('#tt').tree('getSelected')
            $('#tt').tree('append', {
                parent: selected.target,
                data:  [
                    {
                        id: ++id, 
                        text: "子节点"
                    }
                ]
            });
        }

刚开始是按loadFilter来处理json 数据的方式,点击节点后,节点图标变为了文件夹形式,但是子节点并没有添加上去。
在这里插入图片描述
找了很久原因,当时项目要演示,没太多时间研究,就放弃了,选用了其他的树形结构插件。后来还是觉得一定可以的又抽空琢磨了下。就用了给属性data赋值的形式。成功了!٩(๑>◡<๑)۶ 附上代码和测试数据

 $.ajax({
            type: "get",
            url: "test.json",
            dataType:'json',
            success: function (data) {
                $('#tt').tree({
                    data: data.result,
                    onClick:function(){
                        add()
                    }
                });
            },
            error: function (e) {
                console.log(e);
            }
        });  
        var id = 7;
        function add(){
            var selected = $('#tt').tree('getSelected')
            $('#tt').tree('append', {
                parent: selected.target,
                data:  [
                    {
                        id: ++id, 
                        text: "子节点"
                    }
                ]
            });
        }  

test.json


{
    "result":[
        {"id": 0,"text": "全部","children": [
                {"id": "1","text": "node1"
                },
                {"id": 2, "text": "node2"
                },
                {"id": "3", "checked": true,"text": "node3"
                }, 
                {"id": "4","text": "node4","children": [
                        {"id": "5","text": "node4-1","iconCls": "icon-save"
                        },
                        {"id": "6","text": "node4-1"
                        }
                    ]
                }
            ]
        }
    ]

}
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值