Question

我在Ember视图中有以下元素：

{{view Ember.TextField size="30" valueBinding="urlSearch.search_url"}}

但是当我检查渲染元素时，size属性不在元素中：

<input id="ember346" class="ember-view ember-text-field" type="text" value="http://www.bdec-online.com/bd-cmpy/bd-cz.cfm">

有谁能告诉我如何设置Ember.TextField的大小属性？

Answer 1

我刚刚提交了一个pull请求来向Ember.TextSupport添加size和maxlength：

https://github.com/emberjs/ember.js/pull/545

当你在等待时，你可以像这样修补Ember.TextField：

Ember.TextField.reopen({
  attributeBindings: ['size', 'maxlength']
});

Answer 2

更多信息：

  {{view Em.TextField attributeBindings="size" size="10"}}

或者：

App.MyTextField = Em.TextField.extend({
  attributeBindings: ['size'],
  size: 2
});

{{view App.MyTextField}}

Em.TextField将size定义为绑定但看起来你必须在你的子类中重新定义它...但是我在Ember我是noob所以我知道什么。

Answer 3

Ember.TextField个实例和{{input type="text" ..}}句柄帮助程序使用HTML类ember-text-field。在某些情况下，可以使用单一一致样式修改Ember.TextField的所有实例，例如，当您的Ember应用程序中只有一个Ember文本字段时。然后，您可以通过CSS修改与ember-text-field相关联的布局，例如：

.ember-text-field {
    font-family: Amaranth, georgia, cursive;
    font-size: 1.2em !important;
    height: 1.2em !important;
    width: 70%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

设置Ember.TextField的size属性

3 个答案: