Trigger an action in a text field from a button

Question

I\'m looking for advice on how to trigger this view function insertNewLine from a button (see view and template below). I\'m guessing there\'s probably a better way to structure

Answer 1

You could use the mixin Ember.TargetActionSupport on your TextField and execute triggerAction() when insertNewline is invoked. See http://jsfiddle.net/pangratz666/zc9AA/

Handlebars:

<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>

JavaScript:

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();
    }
});