在流星上的mizzao：autocomplete包顶部添加事件

Question

我在应用程序的搜索字段之一中使用mizzao：autocomplete软件包。 自动完成工作正常，自动建议来自我的数据库。 根据用法文档中的说明，此程序包使用单独的模板显示建议列表。 通常，当有人从给定建议中进行选择时，该列表将消失，并且所选值将出现在文本框中。

现在我要手动触发title模板中的某些事件，并在有人选择一些建议时在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

您要使用docs中所述的autocompleteselect事件。

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

（免责声明：我是mizzao 。）