1

この質問がばかげている場合はご容赦ください。私は自分で Ember.js を勉強していますが、テキスト ボックスの値を動的に設定する必要がある問題に悩まされています。その方法がわかりません。現在、jquery を使用しています。を使用してこのエラーを克服し$("#results")[0].value = data;、それが正しい方法ではないことを知っていますEmber、jsで同じことを行うにはどうすればよいですか

私の現在のコードは以下のとおりです

App = Em.Application.create();
App.BaseCurrency = Em.Object.extend({
    id: null,
    name: null
});
App.DestCurrency = Em.Object.extend({
    id: null,
    name: null
});
App.BaseSelector = Em.ArrayController.extend({
    content: [
        App.BaseCurrency.create({ id: "INR", name:" Indian Rupee (INR)" }),
        App.BaseCurrency.create({ id: "USD", name: "US Dollar (USD)" })
    ]
});
App.baseSelector = App.BaseSelector.create();

App.DestSelector = Em.ArrayController.extend({
    content: [
        App.DestCurrency.create({ id: "INR", name: " Indian Rupee (INR)" }),
        App.DestCurrency.create({ id: "USD", name: "US Dollar (USD)" })
    ]
});
App.destSelector = App.DestSelector.create();

App.ConvertCurrency = Em.ObjectController.extend({
    content: [],
    amount:0,
    baseCur: null,
    destcur: null,
    result: 0,
    convert: function () {
        var amount = this.get('amount');
        var from = this.get('baseCur');
        var to = this.get('destCur');
        $.ajax({
            type: "POST",
            url: "Home/ConvertCurenncy",
            data: "{amount:" + amount + ",from:'" + from + "',to:'" + to + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $("#results")[0].value = data;
            }
        });
    }
});

App.convertCurrency = App.ConvertCurrency.create();

とhtml

<script type="text/x-handlebars">
    AMOUNT : {{view Ember.TextField valueBinding="App.convertCurrency.amount"}}
    BASE : {{view Ember.Select contentBinding="App.baseSelector" optionLabelPath="content.name" optionValuePath="content.id" valueBinding="App.convertCurrency.baseCur" }}
    DEST : {{view Ember.Select contentBinding="App.destSelector" optionLabelPath="content.name" optionValuePath="content.id" valueBinding="App.convertCurrency.destCur" }}
    <button id="btnConvert"{{action "convert" target="App.convertCurrency"}}>convert</button>
    RESULT :<input type="text" readonly=true id="results" />
</script>
4

1 に答える 1