使用Ember.js复选框输入助手触发对更改事件的操作?

科里·奎伦

如何更改Ember.js中的复选框后触发命名动作?任何帮助将不胜感激。

这就是我所拥有的。选中或取消选中该复选框无效。

模板:

{{input type="checkbox" on="change" action="applyFilter"}}

控制器:

actions: {
    applyFilter: function() {
        console.log("applyFilter");
    }
}
劲派2k

使用观察者似乎是观察复选框更改的最简单方法

模板

{{input type='checkbox' checked=foo}}

  foo:undefined,
  watchFoo: function(){
    console.log('foo changed');
  }.observes('foo')

http://emberjs.jsbin.com/kiyevomo/1/edit

或者,您可以创建自己的复选框的实现,以发送操作

自定义复选框

App.CoolCheck = Ember.Checkbox.extend({
  hookup: function(){
    var action = this.get('action');
    if(action){
      this.on('change', this, this.sendHookup);
    }
  }.on('init'),
  sendHookup: function(ev){
    var action = this.get('action'),
        controller = this.get('controller');
     controller.send(action,  this.$().prop('checked'));
  },
  cleanup: function(){
    this.off('change', this, this.sendHookup);
  }.on('willDestroyElement')
});

自订检视

{{view App.CoolCheck action='cow' checked=foo}}

http://emberjs.jsbin.com/kiyevomo/6/edit

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

表中的Ember.js输入复选框

来自分类Dev

将选中的复选框发布到控制器操作中,而无需使用HTML助手(例如Html.CheckboxList)

来自分类Dev

使用复选框的输入来更改按钮的颜色

来自分类Dev

Ember Js中的复选框

来自分类Dev

灰烬复选框输入助手

来自分类Dev

在Ember.js中使用复选框和计算属性进行多项选择问卷

来自分类Dev

仅使用bookmarklet触发Chrome中的复选框onchange事件

来自分类Dev

使用复选框操作标签

来自分类Dev

使用 localStorage 检查复选框输入

来自分类Dev

触发复选框的更改事件

来自分类Dev

复选框触发更改事件

来自分类Dev

使用CSS更改复选框大小

来自分类Dev

使用 setState 更改复选框的状态

来自分类Dev

Ember.js hasMany作为复选框列表

来自分类Dev

在Ember JS中选择动态创建的复选框

来自分类Dev

Ember.js hasMany作为复选框列表

来自分类Dev

在Ember.js中处理多个复选框数组

来自分类Dev

ember.js 列表中的多选复选框

来自分类Dev

在复选框的更改事件上使用jquery.confirm函数

来自分类Dev

使用e.stopPropagation()时,复选框更改事件起泡到父级li元素

来自分类Dev

使用自定义复选框,将函数调用到其更改的事件上

来自分类Dev

在复选框的更改事件上使用jquery.confirm函数

来自分类Dev

如何使用CSS更改输入复选框的背景色?

来自分类Dev

使用JS计算复选框的值

来自分类Dev

使用Ember.js更改背景颜色

来自分类Dev

Ember.js:将参数传递到使用把手{{view}}助手呈现的子视图

来自分类Dev

使用ember 1.10.0中的Ember.Handlebars.helpers.view直接访问视图助手

来自分类Dev

如何使用Angular.js / Javascript在点击事件中动态选中复选框

来自分类Dev

在Ember,Ember-CLI中使用moment.js

Related 相关文章

热门标签

归档