Autoform流星可靠/級聯選擇

Question

我如何在流星中實現3個依賴autoform的選擇？ 這裏是什麼，我需要實現http://www.ajaxray.com/Examples/depend.html 預先感謝任何幫助的例子

Answer 1

這是我解決它的辦法。但是，第三次選擇更新第一個選擇後，我必須使用JQuery來返回選定的值。這可能有助於需要類似東西的人。但是，如果有更好的方法來做到這一點，請讓我知道。

Organizaciones = new Mongo.Collection('organizaciones');

Organizaciones.attachSchema(new SimpleSchema({ provincia: { type: String, label: 'Provincia', autoform: { type: 'select', firstOption: '', options: function() { return DPA.find({grupo: 'Provincia'}).map(function (dpa) { return {label: dpa.descripcion, value: dpa.codigo}; }); } } }, canton: { type: String, label: 'Cantón', autoform: { type: 'select', firstOption: '', options: function() { var codigoProvincia = AutoForm.getFieldValue('provincia'); var cantones = new RegExp('^' + codigoProvincia + '[\d]{2}$'); return DPA.find({codigo: {$regex: cantones}}).map(function (dpa) { return {label: dpa.descripcion, value: dpa.codigo}; }); } } }, parroquia: { type: String, label: 'Parroquia', autoform: { type: 'select', firstOption: '', options: function() { $('#provincia').change(function() { $('#parroquia option[value!=""]').remove(); }); var codigoCanton = AutoForm.getFieldValue('canton'); var parroquias = new RegExp('^' + codigoCanton + '[\d]{2}$'); return DPA.find({codigo: {$regex: parroquias}}).map(function (dpa) { return {label: dpa.descripcion, value: dpa.codigo}; }); } } } }));

Answer 2

你可以添加一個事件監聽到你的選擇，當它改變時，更新下一個選擇的選擇助手（或所有選擇的）你有你的形式。這將與以下示例類似，但根據不同選擇輸入所選內容更新「選項」對象。

http://autoform.meteor.com/select