Lazy loading nodes in TreeGrid

Tutorial » Lazy loading nodes in TreeGrid

Sometimes we have get full hierarchical treegrid data. We would like to make treegrid to lazy load nodes level by level. At first, load only the top level nodes. And then click the expander icon of a node to load its children nodes. This tutorial shows how to create a treegrid with lazy loading feature.

Create TreeGrid

To prevent from loading children nodes, we need to rename the 'children' property for each nodes. As the code below mentioned, the 'children' property is renamed to 'children1'. When expand a node, we call 'append' method to load its children nodes data.

The 'loadFilter' Code

Download the EasyUI example:

easyui-treegrid-demo.zip