树形结构显示

CN777

请问大神下面的设置有什么问题，帮忙看看，那个树形结构无法显示

1、data数据


2、data组件的设置




3、grid组件设置




4、还是无法按照树形显示

jishuang

data的主键列是id吗？数据是怎么加载的？
参考http://docs.wex5.com/bex5-ui-question-list-10106/

CN777

jishuang 发表于 2018-9-3 16:55
data的主键列是id吗？数据是怎么加载的？
参考http://docs.wex5.com/bex5-ui-question-list-10106/
...

deptData 是data-$UI/system/components/justep/data/data组件，不是BIZ data组件
id是主键；是通过newData({defaultValues:data})的方式来加载的

jishuang

newData方式添加的，子数据需要用parent参数控制

可以给为loadData的格式，用loadData实现

CN777

jishuang 发表于 2018-9-3 17:36
newData方式添加的，子数据需要用parent参数控制

可以给为loadData的格式，用loadData实现 ...

ok 用了一个递归，结合loadData 解决了，谢谢var depts = data.department;
                        var deptData = me.comp("deptData");
                        function toTree(data)
                        {
                        data.forEach(function (item)
                        {
                            delete item.rows;
                        });
                        var map = {};
                        data.forEach(function (item) {
                            map[item.id] = item;
                        });
                        var val = [];
                        data.forEach(function (item)
                        {
               
                            // 以当前遍历项，的pid,去map对象中找到索引的id
                            var parent = map[item.parentid];
               
                            // 如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
                            if (parent)
                            {
                                (parent.rows || ( parent.rows = [] )).push(item);
               
                            }
                            else
                            {
                                //如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 val结果集中，作为顶级
                                val.push(item);
                            }
                        });
               
                        return val;
                    }
                        try
                        {
                                var deptMateData = toTree(depts);
                            deptData.deleteAllData();
                        deptData.loadData(deptMateData,true);
                        var grid= me.comp("grid_Dept");
                        grid.refresh();
                        }
                        catch(e)
                        {
                       
                        }