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

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

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

写一个Renderer

view plaincopy to clipboardprint?

1. //呈现Grid单元格内容时，如果内容超长，则换行显示  
2. var renderAutoNewLine = function(v) {  
3. return "<div style="word-wrap:break-word;word-break: break-all;" mce_style="word-wrap:break-word;word-break: break-all;">" + v + "</div>";  
4. }  

 

---

为需要自动换行的列指定Renderer：

view plaincopy to clipboardprint?

1. <ext:Column Sortable="true" Width="120" DataIndex="GovernmentAgency" Css="table-layout" Align="Center"  
2.                               Header="发证机关">    
3.                                <Renderer Fn="renderAutoNewLine" />                              
4.                           </ext:Column>