当前位置: » 首页 » Extjs 框架 » ExtJS中实现Grid的单元格内容提示

ExtJS中实现Grid的单元格内容提示

上一篇文章[ExtJS中实现Grid的单元格内容换行]中已经提到,如果单元格内容超出单元格的长度,框架会把超出长度的那部分内容以省略号代替显示。我们可以利用上一篇文章中的扩展组件,使内容换行显示,但是这样会使每行的高度不一致,外观体验比较糟糕(换行显示一般应用于单元格内容不是非常多,且每行的内容长度大体一致)。大部分情况下,我们都是使用框架提供的QuickTip来展示单元格的详细内容。
同样,此扩展功能可以写成一个扩展组件,这样可以不用每次使用都需要配置相同代码的renderer配置项。代码如下:


使用示例如下:

效果如下:
column_qtip

最受欢迎

ExtJS中实现Grid的单元格内容提示:目前有1 条留言

  1. 刘啊坑

    佩服,对Ext的了解十分了得

发表评论