1

Ember.Select をサブクラス化すると、選択バインディングをコントローラの'content.selection'場所に正常に設定できcontentます。テンプレートでこれをインラインで実行しようとすると、バインディングが接続されません。この問題は、次のデモで確認できます: http://jsfiddle.net/cmQsX/

テンプレート:

<script type="text/x-handlebars" >
    {{view Ember.Select contentBinding="ResAdmin.adminController" selectionBinding="content.selection" optionLabelPath="content.name" optionValuePath="content.id" }}
    {{view ResAdmin.foo}}

    Selected: {{ResAdmin.selectedRestaurant.priceCategory.name}}
</script>​

コード：

ResAdmin = Ember.Application.create({});

ResAdmin.adminController = Ember.ArrayProxy.create({
    selection: null,
    content: [
        {
        id: '92E9862E-DAE5-4CC8-ACDF-7E6418641F7D',
        name: "$"},
    {
        id: '889C0E73-1587-41D5-8073-FD29FF76CF00',
        name: "$$"},
    {
        id: '47A56B26-A64A-4967-A9F6-B9D69B2CA145',
        name: "$$$"},
    {
        id: '417993DB-48BF-4BA9-BE0A-D6A53C6D8325',
        name: "$$$$"}
    ],
    getObjectById: function(id) {
        return this.get('content').filterProperty('id', id).get('firstObject');
    }
});

ResAdmin.selectedRestaurant = Ember.Object.create({
    priceCategoryBinding: 'ResAdmin.adminController.selection'
});

ResAdmin.foo = Ember.Select.extend({
    contentBinding:"ResAdmin.adminController",
    selectionBinding:"content.selection",
    optionLabelPath:"content.name",
    optionValuePath:"content.id"})

var defaultItem = ResAdmin.adminController.getObjectById('47A56B26-A64A-4967-A9F6-B9D69B2CA145');
console.log(defaultItem);
ResAdmin.adminController.set('selection', defaultItem);
4

1 に答える 1

2

選択を として指定すると機能します。 http://jsfiddle.net/pangratz666/rXudx/selectionBinding="ResAdmin.adminController.selection"を参照してください。

{{view Ember.Select
    contentBinding="ResAdmin.adminController"
    selectionBinding="ResAdmin.adminController.selection"
    optionLabelPath="content.name"
    optionValuePath="content.id" }}

これはバグのようです。GitHubでチケットを提出する必要があります。

于 2012-04-25T21:51:48.943 に答える