Ember.js 从按钮触发文本字段中的操作

我正在寻找关于如何从按钮触发这个视图函数insertNewLine的建议（参见下面的视图和模板）。我猜可能有更好的方法来构造这段代码。谢谢你的帮助

// view
App.SearchView = Ember.TextField.extend({
  insertNewline: function() {
    var value = this.get('value');

    if (value) {
      App.productsController.search(value);
    }
  }
});

// template
<script type="text/x-handlebars">
  {{view App.SearchView placeholder="search"}}
  <button id="search-button" class="btn primary">Search</button>
</script>

//查看
App.SearchView=Ember.TextField.extend({
insertNewline:function（）{
var value=this.get（'value'）；
如果（值）{
App.productsController.search（值）；
}
}
});
//模板
{{view App.SearchView placeholder=“search”}
搜寻

您可以在文本字段上使用mixin

Ember.TargetActionSupport

，并在调用

insertNewline

时执行

triggerAction（）

。看

车把：

<script type="text/x-handlebars">
    {{view App.SearchView placeholder="search" target="App.searchController" action="search"}}
    {{#view Ember.Button target="App.searchController" action="search" }}
        Search
    {{/view}}
</script>

---

太棒了，谢谢。我猜App.searchController上的mixin不是必需的，只是在App.SearchView上。

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

App.searchController = Ember.Object.create({
    searchText: '',
    search: function(){
        console.log('search for %@'.fmt( this.get('searchText') ));
    }    
});

App.SearchView = Ember.TextField.extend(Ember.TargetActionSupport, {
    valueBinding: 'App.searchController.searchText',
    insertNewline: function() {
        this.triggerAction();
    }
});