如何使用主干marionette js将数据渲染到select2

时间:2013-06-25 10:08:32

标签: javascript marionette jquery-select2

我正在使用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 of the view我执行以下操作:

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

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

请告诉我如何做到这一点。

1 个答案:

答案 0 :(得分: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
                });