Kendo UI目前最新提供KendoUI for jQuery、KendoUI for Angular、KendoUI Support for React和KendoUI Support for Vue四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的完整UI庫。

Kendo UI Filter小部件是一個統(tǒng)一的控件，用于篩選具有數(shù)據(jù)源的數(shù)據(jù)綁定組件。

Filter的用戶界面對于沒有內(nèi)置UI進行篩選但需要提供篩選器選項的數(shù)據(jù)綁定組件很有用，例如ListView，Chart和Scheduler。 您可以添加或刪除用于過濾數(shù)據(jù)的字段，并為每個字段選擇過濾器的全局邏輯（AND或OR）和過濾器運算符（例如，包含或等于）。您可以通過內(nèi)置按鈕或API調(diào)用應(yīng)用過濾，還可以選擇名稱，以這些名稱顯示給用戶并本地化過濾器操作符和消息。

初始化Filter

要使用過濾器，請使用一個空的"div"元素，并在初始化腳本中提供其設(shè)置。

下面的示例演示如何：

• 將Filter綁定到數(shù)據(jù)源。

• 在列表視圖中顯示過濾的數(shù)據(jù)。

• 在字段中使用易于理解的名稱。

• 設(shè)置初始過濾器表達式。

注意：

• 您可以使用遠程數(shù)據(jù)源而不是本地數(shù)據(jù)數(shù)組。 在本示例中，為簡潔起見，使用了本地數(shù)組。

不需要提供字段，因為過濾器可以從數(shù)據(jù)源中提取它們。     如果您未在過濾器設(shè)置中設(shè)置字段，則會向用戶顯示實際的字段名稱，而不是可讀的標(biāo)簽。如果您在過濾器設(shè)置中設(shè)置了字段，則它們必須與數(shù)據(jù)源的架構(gòu)匹配。

• 不需要提供初始過濾器表達式，此功能對于還原以前的狀態(tài)很有用。

功能和特點

• 設(shè)置運算符

• 保持狀態(tài)

• 全球化

引用現(xiàn)有實例

要引用現(xiàn)有的Filter實例，請使用jQuery.data（）方法。 建立引用后，請使用Filter API來控制其操作。

var filter =$("#theFilter").data("kendoFilter");