天天看點

如何讓Grid單元格中的内容超長時自動換行顯示?

Ext的Grid在預設情況下,單元格中的内容超長時會顯示成: XXXXX.....,省略号為未顯示出來的内容,但在某些時候,我們需要讓内容自動換行顯示,可參考下面這種方法:

寫一個Renderer

//呈現Grid單元格内容時,如果内容超長,則換行顯示

var renderAutoNewLine = function(v) {

return "<div style="word-wrap:break-word;word-break: break-all;" mce_style="word-wrap:break-word;word-break: break-all;">" + v + "</div>";

}

為需要自動換行的列指定Renderer:

<ext:Column Sortable="true" Width="120" DataIndex="GovernmentAgency" Css="table-layout" Align="Center"

Header="發證機關">

<Renderer Fn="renderAutoNewLine" />

</ext:Column>