0

我不知道该怎么做，我想禁用Ember.TextField并使用一个按钮来更新Ember.TextField中的数字，每次点击它都会从0开始增加一个数字。原因是当在 iPad 中，Ember.TextField 上的向上和向下按钮对于一个人来说太小了，因此可以禁用 Ember.TextField，这样键盘也不会弹出，而是有一个向上按钮和向下按钮，这将每次触摸它都会增加或减少 Ember.TextField 中显示的数字

这是我的代码：

<?php if($_SERVER['HTTP_USER_AGENT'] == 'Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10') { ?>
    <div class="pull-right">{{view Ember.TextField class="span1 qnty-bulk" valueBinding="item.qnty" type="text" }}</div>
    <button id="increase" {{action "increase"}}>
       Up
    </button>
    <button id="decrease" {{action "decrease"}}>
       Down
    </button>                               
<?php }  ?>

item.qnty 来自这里：

 {{#each item in salesopportunityitemdata.salesopportunityitems}}

然后在我的控制器中我有：

increase:function() {
  var self = this;
   $(#span1 qnty-bulk).value +=1;
},

decrease:function() {

},

我还在学习 Ember 的过程中，教程已经做了谢谢

4

1 回答 1

1

您需要将控制器的操作相关方法放在控制器内的操作对象中（http://emberjs.com/guides/templates/actions/），而不是尝试操作 DOM，这在以下方面是不正确的emberjs，尝试操作你的模型，如下

    actions: {
      increase:function() {
/*This will probably not work since you item is probably within a specific datastructure,
but the idea is to use get and set to retrieve your model's values and manipulate them. Then emberjs binding will automagically do the rest*/
        this.get('item').set('qnty',this.get('item').get('qnty')+1);
      },

      decrease:function() {

      }
    }

如果您提供用于绑定字段的 ember 对象/模型，如果您需要，我可以更具体地使用代码。

编辑

这是您尝试做的一个示例， http ://emberjs.jsbin.com/UjAgUha/1/edit

乙肝

<script type="text/x-handlebars" data-template-name="index">
    <div class="pull-right">{{view Ember.TextField class="span1 qnty-bulk" valueBinding="item.qnty" type="text" disabled=true}}</div>
    <button id="increase" {{action "increase"}}>
       Up
    </button>
    <button id="decrease" {{action "decrease"}}>
       Down
    </button>       
  </script>

JS

App = Ember.Application.create();

App.Router.map(function() {
  // put your routes here
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return {item:App.Item.create()};
  }
});

App.IndexController = Ember.ObjectController.extend({
  actions: {
      increase:function() {
var item = this.get('model.item');
        item.get('item');        item.set('qnty',item.get('qnty')+1);
      },
      decrease:function() {
var item = this.get('model.item');
        item.get('item');        item.set('qnty',item.get('qnty')-1);
      }
    }
});

App.Item = Ember.Object.extend({
  qnty:0
});
于 2013-11-06T09:23:33.097 回答