@progress/kendo-angular-treeview
Version:
Kendo UI TreeView for Angular
71 lines (70 loc) • 3.01 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Observable } from 'rxjs';
import { TreeViewComponent } from '../treeview.component';
import { LoadMoreRequestArgs } from './load-more-request-args';
import * as i0 from "@angular/core";
/**
* Represents the directive that enables you to display only a limited number of nodes per level
* ([see example](slug:loadmorebutton_treeview)).
*
* @example
* ```html
* <kendo-treeview
* ...
* kendoTreeViewLoadMore
* [pageSize]="10"
* [totalRootNodes]="100"
* totalField="totalChildren">
* </kendo-treeview>
* ```
*
* @remarks
* Applied to: {@link TreeViewComponent}
*/
export declare class LoadMoreDirective {
private treeview;
/**
* 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](slug:loadmorebutton_treeview#remote-data)).
*
*/
set loadMoreNodes(loadMoreNodes: ((loadMoreArgs: LoadMoreRequestArgs) => Observable<any[]>) | string);
/**
* 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.
*/
pageSize: number;
/**
* Sets the total number of root nodes.
* Use this property when you fetch additional nodes on demand
* ([see example](slug:loadmorebutton_treeview#remote-data)).
*/
totalRootNodes: 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](slug:loadmorebutton_treeview#remote-data)).
*/
totalField: string;
/**
* Keeps track of the current page size of each node over expand/collapse cycles.
*/
private pageSizes;
/**
* Used as an identifier for the root page size as the root collection of nodes is not associated with a data item.
*/
private rootLevelId;
constructor(treeview: TreeViewComponent);
ngOnChanges(): void;
private verifySettings;
private getGroupSize;
private setGroupSize;
private getTotalNodesCount;
private getInitalPageSize;
static ɵfac: i0.ɵɵFactoryDeclaration<LoadMoreDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<LoadMoreDirective, "[kendoTreeViewLoadMore]", never, { "loadMoreNodes": { "alias": "kendoTreeViewLoadMore"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRootNodes": { "alias": "totalRootNodes"; "required": false; }; "totalField": { "alias": "totalField"; "required": false; }; }, {}, never, never, true, never>;
}