Meteor AutoForm中的條件（類別/子類別）選項

Question

我目前使用autoform和collection2來生成表單。我想創建一個選擇選項來更改子類別選項。

例如。選擇（類別） - 水果 - 蔬菜

如。選擇（出現子類）

果果選擇：

• 蘋果
• 香蕉

如果選擇蔬菜：

• 胡蘿蔔
個
• 西蘭花

我一直在尋找一個解決方案，但我不能找到一個工程。有人可以請我指出正確的方向，因爲我不知道從哪裏開始。

Answer 1

您可以使用AutoForm.getFieldValue(fieldName, [formId])檢索當前值category。然後，根據是否已選擇fruit或vegetables，您可以選擇set the subcategory options。

例如：

var fruitArr = ['apple', 'banana']; 
var vegetablesArr = ['carrot', 'broccoli']; 

Food = new Mongo.Collection("food"); 

Food.attachSchema(new SimpleSchema({ 
    category: { 
     type: String, 
     label: "Category", 
     allowedValues: ['fruit', 'vegetables'] 
    }, 
    subcategory: { 
     type: String, 
     label: "Subcategory", 
     allowedValues: _.union(fruitArr, vegetablesArr), 
     autoform: { 
      options: function() { 
       let category = AutoForm.getFieldValue("category"); 
       if (!category) return [{label: "Please select a category first", value: ""}]; 
       if (category === "fruit") return _.map(fruitArr, (v, i) => ({ 
        label: "Fruit " + (i + 1) + ": " + v, 
        value: v 
       })); 
       else return _.map(vegetablesArr, (v, i) => ({label: "Vegetables " + (i + 1) + ": " + v, value: v})); 
      } 
     } 
    } 
}));