Appmaker:如何通过搜索栏在表格中添加多个过滤器?
创始人
2024-09-11 07:00:42
0

要通过搜索栏在表格中添加多个过滤器,可以使用Appmaker提供的FilterBar和Filter控件。以下是一个示例代码,演示如何实现此功能:

首先,在Appmaker中创建一个新的页面,然后添加一个FilterBar控件和一个Table控件。

在FilterBar控件的Properties设置中,找到Filters属性,点击右侧的编辑按钮。在弹出的对话框中,点击“添加过滤器”按钮。为每个过滤器添加一个名称和字段,例如“姓名”和“age”。点击确定保存设置。

然后,在Table控件的Properties设置中,找到Data属性,选择要显示的数据源。在Filters属性中,选择FilterBar控件。

接下来,在Appmaker的代码编辑器中,找到页面的Client Script,添加以下代码:

function filterTable() {
  var filterBar = app.pages.FilterPage.descendants.FilterBar;
  var filters = filterBar.filters;
  
  var query = app.models.YourModel.newQuery();
  
  filters.forEach(function(filter) {
    if (filter.value) {
      query.filters.YourModel.fields[filter.field].containsIgnoreCase(filter.value);
    }
  });
  
  app.pages.FilterPage.descendants.Table.datasource.load();
}

在上面的代码中,将“YourModel”替换为要过滤的数据模型的名称。此外,根据实际情况,可能需要调整字段的名称。例如,将“YourModel.fields[filter.field]”更改为实际的字段名称。

最后,在FilterBar控件的Events设置中,找到onApply事件。将其与上面定义的filterTable函数关联。

保存并运行你的Appmaker应用程序。现在,当你在FilterBar中输入过滤条件并点击“应用”按钮时,表格将根据过滤器中的条件进行过滤。

相关内容

热门资讯

透明攻略!四川熊猫游戏辅助器,... 透明攻略!四川熊猫游戏辅助器,we-poker辅助软件教程-从前有挂开挂辅助工具您好:四川熊猫游戏辅...
一分钟揭秘!打两圈兴化辅助,悟... 一分钟揭秘!打两圈兴化辅助,悟空大厅怎么挂辅助(有挂开挂辅助软件);无需打开直接搜索打开薇:1367...
透视脚本!新海贝之城辅助,we... 您好:新海贝之城辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...
技术分享!新老夫子挂,顺欣茶楼... 技术分享!新老夫子挂,顺欣茶楼开挂(有挂开挂辅助下载);无需打开直接搜索加薇136704302(咨询...
透明科技!微信微乐挂有没有,w... 透明科技!微信微乐挂有没有,wpk系统是否存在作弊行为-从来有挂开挂辅助挂;亲,微信微乐挂有没有这款...
一分钟了解!小程序多乐跑得辅助... 一分钟了解!小程序多乐跑得辅助,边锋老友乳山辅助(有挂开挂辅助脚本)1、下载安装好小程序多乐跑得辅助...
透明攻略!贪玩蓝月辅助脚本,e... 【亲,贪玩蓝月辅助脚本 这款游戏可以开挂的,确实是有挂的,很多玩家在这款贪玩蓝月辅助脚本中打牌都会发...
避坑细节!小闲川南宜宾辅助,新... >>您好:新518互游脚本下载确实是有挂的,很多玩家在这款新518互游脚本下载游戏中打牌都会发现很多...
透视免费!天天微友辅助器通用版... 透视免费!天天微友辅助器通用版,xpoker辅助助手-从来有挂开挂辅助器1、下载安装好天天微友辅助器...
一分钟揭秘!开心联盟辅助器免费... 一分钟揭秘!开心联盟辅助器免费,微乐陕西三代自建房怎么提高胜率(有挂开挂辅助插件)1、下载安装好开心...