当前位置: 首页 > 面试题库 >

使用下拉列表过滤数据?

程化
2023-03-14
问题内容

我有一组对象,它们只是项目。我还有一个下拉菜单,我希望使用该下拉菜单允许用户按价格或评分进行过滤,但是在页面加载时不应进行过滤。

如何根据当前选择选项映射项目数据以进行过滤?

我有一个笨拙的入门:LINK


问题答案:

首先,您选择的值不明确。它们包含可以对条目进行过滤和排序的值-将它们分开是两个功能,因此将它们分开。

接下来,您需要定义一个自定义过滤器,该过滤器将根据所选的评级过滤数据。为此,可以使用“评级”(Rating)属性来增强过滤条件,以将所选评级与评级值相关联。

最后,将排序与谓词和反向值相关联-谓词确定属性/列以确定排序(在您的情况下为价格),而反向确定排序的升/降性质。

完整的代码可以在这里找到-http:
//plnkr.co/edit/n7TebC?p=preview

我已经更新了plunkr并引入了注释,所以如果您不懂代码,请告诉我。



 类似资料:
  • 问题内容: 我是angularjs和javascript的新手,所以请保持友好,我有两个下拉项(Ionic Select),它们都保存来自服务的数据。问题是我需要过滤它们才能像这样一起工作:如果我在第一个下拉列表中选择一个公司,则只有该公司内部的代表才应显示在另一个下拉列表中。 我按照Angularjs文档中的说明尝试使用,但我不知道这样做是不正确的方法。 HTML: Javascript: 问题

  • pre { white-space: pre-wrap; } 下拉数据网格(Combogrid)组件和下拉框(Combobox)组件的共同点是,除了都具有下拉面板以外,它们都是基于数据网格(Datagrid)的。 下拉数据网格(Combogrid)组件可以过滤、分页,并具有其他一些数据网格(Datagrid)的功能。 本教程向您展示如何在一个下拉数据网格(Combogrid)组件中过滤数据记录。

  • 问题内容: 我有以下jQuery代码。我可以从server获得以下数据。我该如何对此进行迭代,并用 另外,使用和之间有什么区别。 问题答案: 这应该可以解决问题: 这里的区别和(从jQuery的文档): [getJSON]是Ajax的简写功能,等效于: 编辑:要明确,部分问题是服务器的响应返回的是如下所示的json对象: …因此该属性需要使用手动解析。

  • 我有一个搜索表单,我必须按类别搜索,这是一个下拉列表。有2个表称为成员和类别。在类别表中有两个字段ID和名称(此名称字段存储类别的名称,如银行,医院...)。成员表中有一个名为类别的字段,该字段具有与类别表ID值相同的类别ID(类别字段在成员表中是一个外键)。 这是下拉列表的代码 在这段代码中,我有几个不明白的地方。

  • 增加下拉列表在到按钮上,确保 data-activates 属性匹配 <ul> 标签的 id,你可以增加分隔线通过 <li class="divider"></li> 标签。 <!-- Dropdown Trigger --> <a class='dropdown-button btn' href='#' data-activates='dropdown1'>单击我</a> <!-- D

  • 问题内容: 快速创建下拉菜单的库是什么?我是Xcode和Swift语言的新手,所以有人可以指导我如何快速实现下拉列表吗? 问题答案: “下拉菜单”是一个网络控件/术语。在iOS中,我们没有这些。您可能会更好看。查看本教程,以了解PopoverControllers http://www.raywenderlich.com/29472/ipad-for-iphone-developers-101-i