Meteor-AutoForm: как обновить выбранные параметры на основе другого элемента управления
Я тратил ТАК вопросы для ответа на что-то, что должно быть очень простым, но для жизни я не могу понять это.
В основном у меня есть метеор-автоформ с двумя выбранными элементами управления:
<template name="processFormTemplate">
{{#autoForm id="processForm" collection="Processes" type=formAction doc=doc validation="blur"}}
<div class="col-md-12">
{{> afQuickField name="elementId" options=elements}}
{{> afQuickField name="categoryId" options=categories}}
{{> afQuickField name="title"}}
{{> afQuickField name="desc" rows=4}}
</div>
{{>formButtons}}
{{/autoForm}}
</template>
Затем у них есть помощники для заполнения параметров:
Template.processFormTemplate.helpers({
elements: function() {
return getFormElements();
},
categories: function(elementId) {
return getFormCategories(this.doc.elementId);
}
});
Lib / methods.js
getFormElements = function() {
var options = [];
Elements.find({}, {sort: {ref:1}}).forEach(function (element) {
options.push({
label: element.title, value: element._id
});
});
return options;
};
getFormCategories = function(elementId) {
var options = [];
var filter = {};
if (!isBlank(elementId)) {
filter.elementId = elementId;
}
Categories.find(filter, {sort: {ref:1}}).forEach(function (d) {
options.push({
label: d.title, value: d._id
});
});
return options;
};
Теперь я знаю, что это не работает, потому что помощник не реагирует, однако я не знаю, как изменить это поведение. Я также пытался подключиться к событию 'change', но по какой-то причине это никогда не срабатывает:
Template.processFormTemplate.events({
'change #elementId': function(e) {
console.log($('[name="elementId"]').val() + ' is now selected');
}
});
Требуемое поведение состоит в том, что при выборе нового elementId в первом списке список опций во втором должен обновляться на основе выбранного elementId.
Любая помощь высоко ценится.
Спасибо Дэвид