easyui treegrid 怎么使用树节点延迟加载

easyui treegrid 提供了树节点延迟加载的功能，可以将树节点的数据分批加载，只有当用户展开该节点时，才会加载该节点的子节点。下面是使用树节点延迟加载的示例代码：

1. 首先，在 easyui treegrid 的 data 属性中，需要为每个节点添加一个 "state" 属性，该属性的值为 "closed"，表示该节点的子节点未加载。例如：

   var data = [
     {
       "id": 1,
       "text": "Node 1",
       "state": "closed"
     },
     {
       "id": 2,
       "text": "Node 2",
       "state": "closed"
     }
   ];

2. 然后，在 easyui treegrid 的 onBeforeExpand 事件中，判断该节点是否已经加载子节点，如果未加载，则通过 AJAX 请求获取该节点的子节点数据，并将数据添加到该节点下。例如：

   $('#treegrid').treegrid({
     url: 'get_data.php',
     idField: 'id',
     treeField: 'text',
     onBeforeExpand: function(row) {
       if (row.children == undefined) {
         $.ajax({
           url: 'get_children.php?id=' + row.id,
           dataType: 'json',
           success: function(data) {
             $('#treegrid').treegrid('append', {
               parent: row.id,
               data: data
             });
             row.children = data;
           }
         });
       }
     },
     columns: [...]
   });

在这个示例代码中，通过 AJAX 请求获取该节点的子节点数据，并通过 treegrid 的 "append" 方法将数据添加到该节点下。同时，为了避免多次请求同一个节点的子节点数据，需要将已经加载的子节点数据保存在该节点的 "children" 属性中。

通过以上代码，你就可以实现 easyui treegrid 的树节点延迟加载功能。当用户展开某个节点时，会自动请求该节点的子节点数据，并将数据添加到该节点下，从而实现了分批加载数据的效果，提高了 easyui treegrid 的性能。