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

• 首先完成安裝步驟。
• 然后創建一個簡單的應用程序，其中包含一些Kendo UI for Angular組件，應用程序源代碼可供您參考。
• 最后，您將學習如何為Kendo UI for Angular激活許可。

Kendo UI for Angular最新版工具下載

使用DropDownList過濾網格

最后，讓我們添加一些組件交互。Grid有一個內置的過濾UI，但我們將要使用DropDownList按產品類別過濾Grid，為此需要添加一個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>

應用程序源代碼

您的 Kendo UI Angular 入門應用程序已完成！

完整的源代碼可在 存儲庫中找到。

激活許可證密鑰

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

Kendo UI for Angular | 下載試用

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