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

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

使用Kendo UI for jQuery的過(guò)濾器，您可以存儲(chǔ)其過(guò)濾器表達(dá)式并為用戶恢復(fù)其狀態(tài)。

恢復(fù)負(fù)載狀態(tài)

例如，您只能存儲(chǔ)過(guò)濾器表達(dá)式，并使過(guò)濾器能夠在用戶下次訪問(wèn)頁(yè)面時(shí)應(yīng)用它。

下面的示例演示如何使用change事件自動(dòng)應(yīng)用過(guò)濾并保持Filter的最新?tīng)顟B(tài)。重新加載頁(yè)面后，存儲(chǔ)的設(shè)置將提供給過(guò)濾器配置并應(yīng)用。

1. Change the filter.


2. Reload the page:Reload


3. The widget will be initialized with the settings that werestored.


4. Clear the stored information to start fresh: Clear



 
5.  

按需加載設(shè)置

您還可以在發(fā)生應(yīng)用程序邏輯事件時(shí)保存并加載篩選器的先前特定狀態(tài)。

下面的示例演示如何獲取當(dāng)前的過(guò)濾器表達(dá)式和任何其他設(shè)置，并在需要時(shí)應(yīng)用它們。

1. Change the state of the filter.


2. Save the stateSave


3. Change the state of the filter again.


4. Load the state: Load


5. Clear the state: Clear



 
6.