Question

我在我的应用程序中的一个搜索字段中使用mizzao:autocomplete包。自动填充工作正常，自动建议来自我的数据库。根据使用文档中的给定，此包使用单独的模板来显示建议列表。通常当有人从给定的建议中选择时，列表将消失，并且选定的值将出现在文本框中。

现在我想要的是在title模板＆amp;中手动触发一些事件。当有人选择一些建议时，在autoComplete模板中做一些额外的事情。

autoComplete.html

<template name="autoComplete">
    <div class="col-md-4">
        <h4>Auto Complete</h4>
        {{> inputAutocomplete settings=settings id="jobTitle" class="form-control" name="title" placeholder="Job Title" autocomplete="off"}}
    </div>
</template>

<template name="titles">
    {{title}}
</template>

autoComplete.js

Template.autoComplete.helpers({
    settings : function() {
        return {
            position: 'bottom',
            limit: 10,
            rules: [
                {
                    collection: JobTitleCollection,
                    field: 'title',
                    matchAll: true,
                    template: Template.titles
                }
            ]
        };
    }
});

Answer 1

您希望将autocompleteselect事件用作described in the docs。

Template.foo.events({
  "autocompleteselect input": function(event, template, doc) {
    console.log("selected ", doc);
  }
});

（免责声明：我mizzao。）

在mizzao上添加事件：meteor中的自动完成包

1 个答案: