使用搜索栏和下拉列表过滤Kendo ListView

时间:2017-06-08 16:53:00

标签: jquery kendo-ui kendo-listview

我的页面上有Kendo ListView,我希望能够使用自定义搜索栏和两个Kendo DropDownLists来允许用户过滤ListView

我只是在使用搜索栏或仅使用下拉列表时没有问题,但我遇到了一些问题,试图找出如何同时使用这三个数据来过滤数据。

例如,我希望能够在搜索中输入内容并让它过滤搜索词。然后根据显示的结果,我希望能够通过使用下拉列表来过滤这些结果。

我在这里有一个完整的例子:https://codepen.io/anon/pen/eRpoag

要测试它,请在搜索栏中输入“test”。您会注意到它会过滤到一个结果。现在展开“产品类型”下拉列表并选择“类型1”。请注意它如何显示具有该类型的所有产品?它应该没有显示结果,因为我只想在当前的过滤器之上应用该过滤器。

1 个答案:

答案 0 :(得分:0)

感谢Jack's answer为我提供了一个与他的问题非常相似的链接,并且他能够找到解决方案。我已经改变了他的解决方案,以便它对我有用。 Sandman

applyClientFilters()

然后我只需在每个下拉菜单和搜索框的更改事件中调用i = 250 # counter j = 0 # left limit for x in range(len("your dataframe")): appended_data.iloc[j:i] i+=250 if i > len("your df"): appended_data.iloc[j:(len("your df")) break else: j = i 函数,过滤效果很好。