从json填充下拉列表

时间:2013-04-02 04:56:15

标签: ember.js handlebars.js

我跟随json。

{
    "vouchers" : {
         "ca_id" : "5",
    },
    "accounts" : [{
            "id" : "1",
            "ca_code" : "1001",
            "ca_name" : "Sources of Fund"
        }, {

            "id" : "2",
            "ca_code" : "1001.01",
            "ca_name" : "Shareholders' Fund"
        }
    ]
}

我的路由器

App.CreditEditRoute = Ember.Route.extend({        
    setupController: function(controller, model){
        $.getJSON(rootUrl+'api/voucher/getVoucherWithAccounts', {id: model}, function(data){
            controller.set('content', data);
        });                
    }
});

我试图用上面的json填充下拉列表。所以我用了

{{view Ember.Select
       contentBinding="content.accounts"
       optionValuePath="content.accounts.id"
       optionLabelPath="content.accounts.ca_name"
       valueBinding="content.vouchers.ca_id"
}}

但似乎我的下拉列表空白。

1 个答案:

答案 0 :(得分:0)

是否可以添加解释如何将JSON链接到select的代码。并且是空的,没有选项,或选项是空白的吗?

话虽如此,optionValuePathoptionLabelPath是相对路径。所以希望它应该是一个简单的解决方案。

{{view Ember.Select
   contentBinding="content.accounts"
   optionValuePath="content.id"
   optionLabelPath="content.ca_name"
   valueBinding="content.vouchers.ca_id"
}}