sourcegrid控件文本过长自动换行

sourcegrid控件文本过长自动换行,第1张

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

写一个Renderer

view plaincopy to clipboardprint?

//呈现Grid单元格内容时,如果内容超长,则换行显示

var renderAutoNewLine = function(v) {

return "<div style="word-wrap:break-wordword-break: break-all" mce_style="word-wrap:break-wordword-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>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7932466.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存