动态加载JSON选项到selectize

时间:2016-08-24 14:39:45

标签: javascript jquery mongodb meteor

我在我的metoer应用程序中使用selectize来显示表单。该表格有大约4个相互依赖的下拉菜单。含义,下拉列表2中的选项取决于下拉列表1中先前选择的选项

当我使用options字段并为其提供JSON数据时,初始下拉列表1加载正常,例如:

[
      {label: "name 1", value: "name-1"},
      {label: "name 2", value: "name-2"}, 
]

选择第一个下拉列表后,第二个下拉列表为空。这没关系,因为它不是被动的,并且在模板渲染期间在开始时被初始化。

为了动态添加选项,文档似乎建议使用load函数,但是,使用AJAX。我使用mongo db并且已经有了我的查询结果。我不知道如何将此JSON对象传递给下拉列表。

我试过了:

option2helper: function() {

        return {
            load: finalResult
        }

    },

我还试过addOption: finalResult代替load:finalResult,但没有用。文档建议结果集必须采用数组格式。我试过传递数组和一组对象。数组只显示empry下拉列表,而数组对象显示[Object] [object]的下拉列表。

我该如何将这个json对象传递给下拉列表?

finalResult的格式为:

[
      {label: "another 1", value: "another-1"},
      {label: "another 2", value: "another-2"}, 
]

我没有将问题映射到:

["another-name0","another-name1"]

参考资料我已经完成了:

Official Docs

Passing a external variable in JSON.parse function

Selectize.js manually add some items

0 个答案:

没有答案