当前位置: » 首页 » Extjs 框架 » Extjs中gird的column使用tip时出现内容无法换行的显示异常

Extjs中gird的column使用tip时出现内容无法换行的显示异常

Extjs的Gird组件中的某个column的内容长度大于显示长度时,经常使用renderer配置通过tip来显示column的全部内容。
效果如下:
未命名
代码如下:


一般情况下,当column的内容长度大于QuicktTip对象的最大宽度时,会自动换行显示。但是当内容全部为英文字符,且无空格的情况下,Tip无法实现自动换行,类似下图:
未命名1
上述情况中column的内容如果含有空格或者中文的话,则会在空格或中文处换行。Tip内换行的原理,还有待深入研究,希望明白的高手可以指点一二。
那么遇到上述异常情况该怎么解决呢?本人通过计算内容的宽度和column的宽度,插入换行符来解决此问题。
代码如下:

上述方法可以暂时解决内容某些情况下无法换行引起的显示异常(注:它不是根据内容的宽度和tip的最大宽度来计算的),希望能够帮助到大家,并且非常欢迎各路高手提出自己的建议或者解决方案。

最受欢迎

Extjs中gird的column使用tip时出现内容无法换行的显示异常:目前有1 条留言

  1. HelloWorld

    Ext.override(Ext.ToolTip, {
    maxWidth : 500
    });
    adjust the maxWidth ,then you can implement it

发表评论