easyui 官方treeGrid例子中的_parentId讨论

最新推荐文章于 2022-09-22 15:39:10 发布

小_小菜鸟

最新推荐文章于 2022-09-22 15:39:10 发布

阅读量7.8k

点赞数

分类专栏： easyui 文章标签： easyui _parentId

本文链接：https://blog.csdn.net/changheluorivs/article/details/53611365

版权

本文探讨了easyui treeGrid展示树形结构的三种方法，重点讲解了利用`_parentId`字段实现的方式。强调了id字段与前端idField的匹配，以及`_parentId`字段的重要性。同时提供了一个简单的前端和后端返回JSON数据的示例。

摘要由CSDN通过智能技术生成

treeGrid展现树状结构方法比较多，1.3.2demo中给出了三个json的数据文件，实现方法大概有以下三种：

第一种：官方demo中的树形结构的json，可以参看官方demo，个人觉得现实项目中，按照该格式返回json太过复杂

第二种：根据state的状态来返回数据，state为closed时，前端显示关闭状态，点击该节点，该节点会展开，同时会往后台传该节点的id（注意，你设置的主键不论为何字段，向后台请求参数时，均为id），通过该id查找出所有的子节点数据，然后返回前端即可。

第三种：既官方给的如下格式的json：

{"total":7,"rows":[
{"id":1,"name":"All Tasks","begin":"3/4/2010","end":"3/20/2010","progress":60,"iconCls":"icon-ok"},
{"id":2,"name":"Designing","begin":"3/4/2010","end":"3/10/2010","progress":100,"_parentId":1,"state":"closed"},
{"id":21,"name":"Database","persons":2,"begin":"3/4/2010","end":"3/6/2010","progress":100,"_parentId":2},
{"id":22,"name":"UML","persons":1,"begin":"3/7/2010","end":"3/8/2010","progress":100,"_parentId":2},
{"id":23,"name":"Export Document","persons":1,"begin":"3/9/2010","end":"3/10/2010","progress":100,"_parentId":2},
{"id":3,"name":"Coding","persons":2,"begin":"3/11/2010","end":"3/18/2010","progress":80},