javascript - 如何使用骨干木偶js将数据呈现给select2

Question

我正在使用select2我能够呈现示例数据，但真的不知道如何与来自服务器端的数据集成。

以下是我的选择框：

<select id="fund-code" tabindex="1" style="width:200px;">
                <option value=""><option>
                <option value="1">Mustard</option>
                <option value="2">Ketchup</option>
                <option value="3">Relish</option>
            </select> 

onShow 视图我执行以下操作：

$("#fund-code").select2({
                 placeholder: "Select Fund Code",
                 allowClear: true
             });

在此之后如何将数据从服务器端放到这个选择框？

请建议我这样做的方法。

Answer 1

我能够做到这一点：

创建模型：

var FetchMasters = Backbone.Model.extend({
        url : Hexgen.getContextPath("/referencedata/portfolios")
    });

附加如下选项：

 var fetchMasters = new FetchMasters();

                fetchMasters.fetch({
                    success : function() {
                        for(var masterNum in fetchMasters.attributes) {
                            $("#fund-code").append("<option>" + fetchMasters.attributes[masterNum].portfolio  + "</option>");
                        }
                    }
                });

                $("#fund-code").select2({
                    placeholder: "Select Fund Code",
                     allowClear: true
                });