2012-02-28 33 views
6
的大小属性

我在灰烬视图以下元件:设定一个Ember.TextField

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

但是,当我检查所呈现的元素,尺寸属性是不是在元件:

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

谁能告诉我如何设置Ember.TextField的size属性?

回答

6

我刚刚提交了一份拉请求的大小和最大长度增加Ember.TextSupport:

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

当你等待的是,你可以修补Ember.TextField这样的:

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

,它已被合并:https://github.com/emberjs/ember.js/commit/5a2c5f7712b8918d8357d5c4d427209c598f6384 – pangratz 2012-02-29 21:55:32

1

更多信息:

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

或者:

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

{{view App.MyTextField}} 

Em.TextField定义size的约束力,但它似乎需要重新定义它的子类......但我在我小白灰烬所以我知道什么。

0

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