Ustawienie atrybutu rozmiaru Ember.TextField

Question

Mam następujący element w widoku Ember:

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

Ale kiedy skontrolować świadczonych element, atrybut rozmiar nie jest w elemencie:

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

Czy ktoś może mi powiedzieć, w jaki sposób ustawić atrybut rozmiaru pliku Ember.TextField?

Answer 1

Właśnie złożyła wniosek rozwijane, aby dodać rozmiar i maxLength do Ember.TextSupport:

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

Czekając na to, można załatać Ember.TextField tak:

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

Answer 2

Więcej informacji:

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

Lub:

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

{{view App.MyTextField}} 

Em.TextField definiuje size jako wiążąca, ale wydaje się, trzeba przedefiniować go w podklasie ... ale ja jestem noob w Ember więc co ja wiem.

Answer 3

Ember.TextField wystąpienia i pomocnik kierownicy {{input type="text" ..}} używają klasy HTML ember-text-field. Są sytuacje, w których dopuszczalne jest modyfikowanie wszystkich instancji Ember.TextField za pomocą pojedynczego spójnego stylu, na przykład, gdy w aplikacji Ember jest tylko jedno pole tekstowe Ember. Następnie można zmodyfikować układ skojarzony z ember-text-field poprzez CSS, na przykład tak:

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