标签归档：EXTJS

上次在《EXTJS中Grid里面单元格设置换行》这个文章中说到，给格子里面的文字设置一个renderer，把white-space改成pre-wrap。这个方法在Firefox下是没问题的，但是到了IE下，就有问题了。在IE下会换行，但是是要占满一行才换行，所以还是不符合要求。现在有了改进的方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 首先在index.jsp的head里面加上CSS： <style type="text/css"> .x-grid3-cell-inner{ white-space: normal; overflow: visible; } </style>   然后在js代码里面加入以下代码，使用正则表达式： function renderContent(value){ //cell.attr … 继续阅读 →

在EXTJS中，GridPannel里面的单元格如果被填满，可以给这个列设置一个renderer，将默认的white-space改成pre-wrap。例子如下： function renderContent(value, cell){     cell.attr = ‘style="white-space:pre-wrap;"’;//这里设置为pre-wrap，不会处理多余的空白符，也不会把换行符变成一个空格。     return "<span style=’font-size:14px; font-family:Verdana; line-height: 150%’>"             + value + "</span>";//这里设置字体和行距 } 显示效果如图所示：