在流星上的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 。）