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

LoadMoreDirective

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

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

Selector

[kendoTreeViewLoadMore]

Inputs

NameTypeDefaultDescription

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.

totalField

string

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).

totalRootNodes

number

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

In this article
SelectorInputs
Not finding the help you need?
Contact Support