如何在Ember.js應用程序中獲取輸入值？

Question

在提交按鈕後，從Ember.TextField獲取輸入值的最佳解決方案是什麼？

假設我有簡單的應用程序發送消息。我指定表示用戶在其中輸入他的消息輸入形式的視圖：

App.TextView = Ember.View.extend({ 
    templateName: 'text', 

    submit: function(event) { 
     console.log(event); 
    } 
}); 

然後，有此視圖把手模板：

<script type="text/x-handlebars" data-template-name="text"> 
    <h1>Send the message:</h1> 
    <div class="send_form"> 
     {{view Ember.TextField}} 
     <button type="submit">Done</button> 
    </div> 
</script> 

基本上，我需要一兩件事。當用戶點擊按鈕時，我需要得到通知（在提交功能或我的應用程序中的任何其他地方），我需要從TextField獲取值。我怎樣才能做到這一點？

Answer 1

例如，您可以將文本字段的值綁定到視圖中的消息屬性。

或許有其他的解決辦法，但我認爲這很簡單：http://jsfiddle.net/Sly7/vfaF3/

<script type="text/x-handlebars"> 
    {{view App.TextView}} 
</script> 

<script type="text/x-handlebars" data-template-name="text"> 
    <h1>Send the message:</h1> 
    <div class="send_form"> 
    {{view Ember.TextField value=view.message}} 
    <button type="submit" {{action "submit" target=view}}>Done</button> 
    </div> 
</script>​ 

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

App.TextView = Ember.View.extend({ 
    templateName: 'text', 
    message: '', 

    actions: { 
    submit: function(event) { 
     console.log(this.get('message')); 
    } 
    } 
});