您的位置:首页 > 其它

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

2014-09-16 13:04 381 查看
刚碰到的问题,Ext的Grid在默认情况下,单元格中的内容超长时会显示成: XXXXX.....,省略号为未显示出来的内容,但在某些时候某些浏览器下(FF),我们需要让内容自动换行显示(FF下会自动扩展单元格,充斥整个表单),可参考下面这种方法:

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


感谢

llxchen

附上原文链接:http://blog.csdn.net/llxchen/article/details/5911923#
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐