Question

我正在使用Ember.select作为下拉菜单，当显示默认值时，该对象似乎没有被实际选中。当IO渲染页面时，模态打开但是selected_funding_instrument的值是未定义的，直到我单击下拉菜单。有小费吗？

借记客户modal.hbs：

  <div {{bindAttr class=":control-group model.validationErrors.source_uri:error"}}>
            <label class="control-label">Account number</label>
            <div class="controls">
                {{view Ember.Select
                    contentBinding="customer.debitable_funding_instruments"
                    valueBinding="model.source_uri"
                    optionValuePath="content.uri"
                    optionLabelPath="content.description_with_type"
                    class="span8"
                }}
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Account holder's name</label>
            <div class="controls">
                <span class="label1a">{{selected_funding_instrument.name}}</span>
            </div>
        </div>

debit_customer_modal.js

require('app/components/modal');

Balanced.DebitCustomerModalComponent = Balanced.ModalComponent.extend({
submitAction: 'submitDebitCustomer',

dollar_amount: null,

actions: {
    open: function() {
        var fundingInstruments = this.get('customer.debitable_funding_instruments');
        var debitUri = (fundingInstruments && fundingInstruments.length > 0) ? fundingInstruments[0].get('debits_uri') : null;

        var debit = Balanced.Debit.create({
            uri: debitUri,
            amount: null,
            order: this.get('order.href')
        });

        this.set('dollar_amount', null);
        var selfie = this.get('selected_funding_instrument');
        this._super(debit);
    },

    save: function() {
        if (this.get('model.isSaving')) {
            return;
        }

        var debit = this.get('model');
        var selfie = this.get('selected_funding_instrument');
        if (selfie) {
            debit.set('uri', selfie.get('debits_uri'));
        }

        var cents = null;
        try {
            cents = Balanced.Utils.dollarsToCents(this.get('dollar_amount'));
        } catch (error) {
            debit.set('validationErrors', {
                'amount': error
            });
            return;
        }
        debit.set('amount', cents);
        this._super(debit);
    }
},

selected_funding_instrument: function() {
    var sourceUri = this.get('model.source_uri');
    if (sourceUri) {
        return this.get('customer.debitable_funding_instruments').find(function(fundingInstrument) {
            return sourceUri === fundingInstrument.get('uri');
        });
    }
}.property('model.source_uri', 'customer.debitable_funding_instruments'),


can_debit: function() {
    return this.get('customer.debitable_funding_instruments.length') > 0;
}.property('customer.debitable_funding_instruments')

}）;

Answer 1

您需要启动selected_funding_instrument

Balanced.DebitCustomerModalComponent = Balanced.ModalComponent.extend({
    init: function () {
        this.selected_funding_instrument();

        return this._super();
    }
}):

如果你能创造小提琴，那就太好了。

如何使用Ember.select预选默认对象

1 个答案: