2012-02-28 29 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; 
}