Thiết lập thuộc tính kích thước của một Ember.TextField

Question

tôi có các yếu tố sau đây trong một cái nhìn Ember:

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

Nhưng khi tôi kiểm tra các yếu tố trả lại, thuộc tính kích thước không phải là trong các yếu tố:

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

Bất cứ ai có thể cho tôi biết làm thế nào tôi có thể đặt thuộc tính kích thước của một Ember.TextField?

Answer 1

Tôi vừa mới gửi một yêu cầu kéo thêm kích thước và maxlength để Ember.TextSupport:

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

Trong khi bạn đang chờ đợi điều đó, bạn có thể vá Ember.TextField như thế này:

Thông tin

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

Answer 2

thêm:

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

Hoặc:

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

{{view App.MyTextField}} 

Em.TextField định nghĩa size như một ràng buộc nhưng nó xuất hiện bạn phải xác định lại nó trong phân lớp của bạn ... nhưng tôi Tôi Noob tại Ember vì vậy những gì tôi biết.

Answer 3

Ember.TextField trường hợp và trình trợ giúp tay lái {{input type="text" ..}} Sử dụng lớp HTML ember-text-field. Có những trường hợp có thể chấp nhận sửa đổi tất cả các phiên bản Ember.TextField với một kiểu nhất quán duy nhất, ví dụ: khi chỉ có một trường văn bản Ember duy nhất trong ứng dụng Ember của bạn. Sau đó, bạn có thể thay đổi cách bố trí kết hợp với ember-text-field qua CSS, ví dụ như thế này:

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