在Meteor中级联选择控件

时间:2015-01-05 17:23:54

标签: javascript forms input meteor meteor-blaze

我正在使用Meteor 1. *并希望在表单上创建两个级联的“依赖”选择控件。

例如,国家/城市或“汽车制造商”/“汽车模型” - 基本上是父母子女关系。

每次选择父类别时,我都不想从数据库中检索数据。

我想在这些方面有所建议:

Template.registerHelper("getCarMakers", function () {
  return [
    {label: "Chevy", value: "camaro"},
    {label: "Chevy", value: "corvette"},
    {label: "Ford", value: "mustang"},
    {label: "Dodge", value: "viper"},
    {label: "Dodge", value: "charger"}
  ];
});

以上是我通常用来填充常规选择控件的内容。

但是我的情况下这个名单太大了。而且,我之所以不再进行组选择控制的原因是因为这个列表太大了。另外,我没有使用搜索选项选择组的原因是因为我不想在此时引入该功能(可能在将来我会做这样的事情来考虑大型列表)。 / p>

所以我想制作两个选择控件。第一个将具有高级别类别(或父级),并且基于该选择,第二个选择控件将“显示”或“过滤”相关项目或“子”项目。

我不介意将所有数据推送到客户端以启动然后过滤(实际上我更喜欢这样做)。

1 个答案:

答案 0 :(得分:1)

对于可能有帮助的流星包,请查看:

根据您的数据集大小,您可能会遇到localstorage限制,因此您可能需要检查目标浏览器容量。