Autoform meteor dependable/cascading 选择
Autoform meteor dependable/cascading selects
如何在 meteor 中使用 autoform 实现 3 个依赖选择?
这是我需要实现的示例 http://www.ajaxray.com/Examples/depend.html
在此先感谢您的帮助
您可以向 select 添加一个事件侦听器,当它发生变化时,为下一个 select(或所有 select)更新 select 助手你有你的表格。它将类似于以下示例,但根据由不同的 select 输入 select 编辑的内容更新 "options" 对象。
我就是这样解决的。然而,对于第三个 select 到 return selected 值,一旦第一个 select 被更新,我不得不使用 JQuery。这可能有助于需要类似东西的人。但如果有更好的方法,请告诉我。
组织 = 新 Mongo.Collection('organizaciones');</p>
<p>Organizaciones.attachSchema(新的SimpleSchema({
省份:{
类型:字符串,
标签:'Provincia',
自动形成:{
类型:'select',
第一个选项:'',
选项:函数(){
return DPA.find({grupo: 'Provincia'}).map(函数 (dpa) {
return {标签:dpa.descripcion,值:dpa.codigo};
});
}
}
},
广州:{
类型:字符串,
标签:'Cantón',
自动形成:{
类型:'select',
第一个选项:'',
选项:函数(){
var codigoProvincia = AutoForm.getFieldValue('provincia');
var cantones = new RegExp('^' + codigoProvincia + '[\d]{2}$');
return DPA.find({codigo: {$regex: cantones}}).map(function (dpa) {
return {标签:dpa.descripcion,值:dpa.codigo};
});
}
}
},
parroquia:{
类型:字符串,
标签:'Parroquia',
自动形成:{
类型:'select',
第一个选项:'',
选项:函数(){
$('#provincia').change(函数() {
$('#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 {标签:dpa.descripcion,值:dpa.codigo};
});
}
}
}
}));
如何在 meteor 中使用 autoform 实现 3 个依赖选择? 这是我需要实现的示例 http://www.ajaxray.com/Examples/depend.html 在此先感谢您的帮助
您可以向 select 添加一个事件侦听器,当它发生变化时,为下一个 select(或所有 select)更新 select 助手你有你的表格。它将类似于以下示例,但根据由不同的 select 输入 select 编辑的内容更新 "options" 对象。
我就是这样解决的。然而,对于第三个 select 到 return selected 值,一旦第一个 select 被更新,我不得不使用 JQuery。这可能有助于需要类似东西的人。但如果有更好的方法,请告诉我。
组织 = 新 Mongo.Collection('organizaciones');</p>
<p>Organizaciones.attachSchema(新的SimpleSchema({
省份:{
类型:字符串,
标签:'Provincia',
自动形成:{
类型:'select',
第一个选项:'',
选项:函数(){
return DPA.find({grupo: 'Provincia'}).map(函数 (dpa) {
return {标签:dpa.descripcion,值:dpa.codigo};
});
}
}
},
广州:{
类型:字符串,
标签:'Cantón',
自动形成:{
类型:'select',
第一个选项:'',
选项:函数(){
var codigoProvincia = AutoForm.getFieldValue('provincia');
var cantones = new RegExp('^' + codigoProvincia + '[\d]{2}$');
return DPA.find({codigo: {$regex: cantones}}).map(function (dpa) {
return {标签:dpa.descripcion,值:dpa.codigo};
});
}
}
},
parroquia:{
类型:字符串,
标签:'Parroquia',
自动形成:{
类型:'select',
第一个选项:'',
选项:函数(){
$('#provincia').change(函数() {
$('#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 {标签:dpa.descripcion,值:dpa.codigo};
});
}
}
}
}));