設定一個Ember.TextField

Question

的大小屬性

我在灰燼視圖以下元件：

{{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屬性？

Answer 1

我剛剛提交了一份拉請求的大小和最大長度增加Ember.TextSupport：

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的約束力，但它似乎需要重新定義它的子類......但我在我小白灰燼所以我知道什麼。

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