激情文学亚洲,午夜在线免费,四虎最新网站

UI組件庫Kendo UI for Angular入門指南教程：如何安裝和開始使用（二）

原創(chuàng)|使用教程|編輯：龔雪|2021-09-06 10:45:55.680|閱讀 244 次

概述：本文主要介紹如何安裝和開始使用Kendo UI for Angular，歡迎下載最新版產(chǎn)品體驗(yàn)！

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

本文主要介紹如何安裝和開始使用Kendo UI for Angular。

首先完成安裝步驟。
然后創(chuàng)建一個(gè)簡單的應(yīng)用程序，其中包含一些Kendo UI for Angular組件，應(yīng)用程序源代碼可供您參考。
最后，您將學(xué)習(xí)如何為Kendo UI for Angular激活許可。

Kendo UI for Angular最新版工具下載

使用DropDownList過濾網(wǎng)格

最后，讓我們添加一些組件交互。Grid有一個(gè)內(nèi)置的過濾UI，但我們將要使用DropDownList按產(chǎn)品類別過濾Grid，為此需要添加一個(gè)valueChange處理程序：

1. 在src/app/app.component.ts中添加handleFilterChange方法：

export class AppComponent {

// ...

public handleFilterChange(item: {
text: string;
value: number | null;
}): void {
this.filterTerm = item.value;
this.skip = 0;
this.loadGridItems();
}
}

2. 在src/app/app.component.html中綁定DropDownList的(valueChange)事件：

<kendo-dropdownlist [data]="dropDownItems" textField='text' valueField="value" [defaultItem]="defaultItem" (valueChange)="handleFilterChange($event)">
</kendo-dropdownlist>

應(yīng)用程序源代碼

您的 Kendo UI Angular 入門應(yīng)用程序已完成！

完整的源代碼可在存儲(chǔ)庫中找到。

激活許可證密鑰

Kendo UI for Angular是一個(gè)專業(yè)開發(fā)的庫，在商業(yè)許可下分發(fā)。從 2020 年 12 月開始，Kendo UI for Angular需要商業(yè)許可證密鑰或有效的試用許可證密鑰。更多產(chǎn)品授權(quán)信息，歡迎咨詢“”了解！

Kendo UI for Angular | 下載試用

Kendo UI for Angular是Kendo UI系列商業(yè)產(chǎn)品的最新產(chǎn)品。Kendo UI for Angular是專用于Angular開發(fā)的專業(yè)級Angular組件。telerik致力于提供純粹的高性能Angular UI組件，無需任何jQuery依賴關(guān)系。