JQuery MiniUI development tutorial TreeGrid creates TreeGrid (1)

Reference example: TreeGrid creates TreeGrid <div id = "treegrid1" class = "mini-treegrid" style = "width: 600px; height: 280px;" url = ".. /data/tasks.txt "showTreeIcon =" true "treeColumn =" taskname "idField =" UID "parentField =" ParentTaskUID "resultAsTree =" false "> <div property =" columns "> <div type = "indexcolumn"> </div> <div name = "taskname" field = "Name" width = "200"> Task name </div> <div field =" duration "width =" 100 "> Duration </div> <div field =" S Tart "width =" 100 "dateFormat =" yyyy-MM-dd "> Start date </div> <div field =" Finish "width =" 100 "dateFormat =" yyyy- MM-dd "> completion date </div> note: idField, parentField, and resultAsTree attributes. Data Structure: The data structure returned by the list through the url is as follows: [{id: "base", text: "Base", expanded: false}, {id: "ajax", text: "Ajax", pid: "base" },{ id: "json", text: "JSON", pid: "base" },.....] the id and pid correspond to the parent-child relationship. Columns configure the TreeGrid column, similar to the DataGrid. Refer to the following: