New to Kendo UI for AngularStart a free 30-day trial

Represents the directive that enables you to display only a limited number of nodes per level (see example).

Definition

Package:@progress/kendo-angular-treeview

Selector:[kendoTreeViewLoadMore]

Syntax:

html
<kendo-treeview
   ...
   kendoTreeViewLoadMore
   [pageSize]="10"
   [totalRootNodes]="100"
   totalField="totalChildren">
</kendo-treeview>

Inputs

kendoTreeViewLoadMore

string | (loadMoreArgs: LoadMoreRequestArgs) => Observable​<any[]>

Sets the callback function that runs when the load more button is clicked. Provide a function when you fetch additional nodes on demand (see example).

pageSize

number

Sets the initial number of nodes to render on each level. Each time the load more button is clicked, the page size increases by this number.

Sets the field that contains the total number of child nodes for the data item. Use this property when you fetch additional nodes on demand (see example).

Sets the total number of root nodes. Use this property when you fetch additional nodes on demand (see example).