如何在流星上创建选择过滤器

How to create select filter on meteor?

本文关键字:创建 选择 过滤器 流星      更新时间:2023-09-26

我有一个用户表,用用户的姓氏进行选择,当我更改选择选项和选择选项(如"black")时,需要在表上只显示姓氏为"black"的人。如何做到这一点?

您可以使用"change"事件检测select元素上的更改,并将信息保存在Session变量中:

Template.myTemplate.events({
    'change #namePicker': function(event, template) {
        Session.set('name', template.find('#namePicker').value);
      }
});

在HTML中使用{{#eachuser}}}为HTML表中的每个用户生成一行:

<tbody>
   {{#each user}}
     <tr>
        <td>{{firstName}}</td>
        <td>{{lastName}}</td
     </tr>
   {{/each}}
</tbody>

并添加相应的助手来获取用户的数据:

Template.myTemplate.helpers({
    'user': function(){
        var nameToFind = Session.get('name');
        if(typeof nameToFind !== 'undefined')
        {
            return Meteor.users.find({lastName: nameToFind});
        }
        return;
    }
});