2014-03-06 57 views
1

如何創建可滾動的文本區域,具有固定高度並允許標記文本? HTML,JSF和PF4.0元素是可能的,必須遵守原始文本的換行符。可選,可滾動輸出文本區

如果我使用<p:inputTextarea>並設置disabled =「true」,當我標記文本就好像我不能釋放光標。無論我的光標在哪裏,它都會繼續標記。此外,禁用似乎阻止我使用滾動條。

它應該與此類似,但與活化的滾動條(如果文本變灰無所謂):

non-scrollable

回答

1

我不知道有什麼辦法做到這一點與p:inputTextarea,所以我使用HTML元素時,我需要,而不是禁用textArea呈現:

<ui:fragment rendered="#{lorem.disabled}"> 
    <div style="max-width:150px;max-height:150px;overflow-y:auto;overflow-x:auto;white-space:pre;"> 
     #{lorem.ipsum} 
    </div> 
    </ui:fragment> 
    <p:inputTextArea value="#{lorem.ipsum}" rendered="#{!lorem.disabled}"/> 
+0

工作非常適合它。但是當文本太小以至於不需要滾動時,我可以看到啓用的滾動條。你能告訴我如何改變它嗎? – dasLort

+0

什麼瀏覽器? 'auto'表示不需要時不顯示滾動條,我在FireFox和IE10下沒有滾動條。 –

+0

mäh,你說得對,他們在這裏使用低劣的IE9。對FF工作;)變通辦法IE9存在? – dasLort