Question

如何让Grid单元格中的内容超长时自动换行显示

Answer 1

　　Ext的Grid在默认情况下，单元格中的内容超长时会显示成： XXXXX.....，省略号为未显示出来的内容，但在某些时候，我们需要让内容自动换行显示，可参考下面这种方法：

　　写一个Renderer

　　view plaincopy to clipboardprint?

　　//呈现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：

　　view plaincopy to clipboardprint?

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

　　Header="发证机关">

　　<Renderer Fn="renderAutoNewLine" />

　　</ext:Column>