2014-03-19 29 views
1

textarea html標記具有名爲readonly的屬性,該屬性在Ember {{textarea}}幫助程序中不起作用。 <textarea readonly></textarea>工作,並且{{testarea readonly}}產生一個錯誤。只有在使用{{textarea}}才能使textarea只讀的任何簡單方法?使textarea只讀

回答

1

可以擴展textarea視圖和只讀屬性添加到它:

App.TextAreaRView = Ember.TextArea.extend({ 
    attributeBindings:['readonly'], 
    readonly:true 
}); 
Ember.Handlebars.helper('textarea-R', App.TextAreaRView); 

,並在車把你可以使用這個:

<script type="text/x-handlebars" data-template-name="app"> 
    {{textarea-R}} 
</script> 
+1

只讀屬性包含在'Ember.TextSupport'所以你不應該需要延長的textarea能夠綁定到它。問題是,只讀並沒有被設置爲「真實」 – tikotzky

2

的問題是,因爲你是唯一指定readonly,而不是將readonly設置爲真值

強制文本字段爲只讀的方式

<script type="text/x-handlebars" data-template-name="app"> 
    {{textarea readonly=true}} 
</script> 
4

這是從EmberJS文檔報價爲input helpers

使用這些助手,你可以創建聲明 幾乎等同於你如何創建一個傳統<input><textarea>元素這些意見。

這兩項將工作

{{textarea readonly="readonly"}} 
{{textarea readonly="true"}}