extjs 之grid 字符串过长换行方法记录
来源:互联网 发布:mac地址查询口令 编辑:程序博客网 时间:2024/05/21 23:28
Grid的单元格对数据显示都是采用省略的办法来处理的,即内容长度超过单元格长度时自动隐藏超过的部分并使用省略号...来显示,这样虽然也很好,但有时我们可能还是希望它能完全的显示出来,即采用换行显示。
最简单的办法莫过于直接修改ext-all.css,但俺一般不像侵入ext的源文件,那就自己用别的方法实现吧。
方法其实也很简单,判断该grid是否需要换行显示。如果是则加上这段代码:
CSS文件内容:
最简单的办法莫过于直接修改ext-all.css,但俺一般不像侵入ext的源文件,那就自己用别的方法实现吧。
方法其实也很简单,判断该grid是否需要换行显示。如果是则加上这段代码:
grid.store.on('load', function() {
gridEl.select("table[class=x-grid3-row-table]").each(function(x) {
x.addClass('x-grid3-cell-text-visible');
});
});
gridEl.select("table[class=x-grid3-row-table]").each(function(x) {
x.addClass('x-grid3-cell-text-visible');
});
});
CSS文件内容:
.x-grid3-cell-text-visible .x-grid3-cell-inner{overflow:visible;padding:3px 3px 3px 5px;white-space:normal;}
- extjs 之grid 字符串过长换行方法记录
- Extjs Grid自动换行
- Extjs grid表头换行
- Extjs Grid 回车换行事件
- EXTJS之GRID 一
- EXTJS之GRID 二
- ExtJs 4.0之Grid
- ExtJs之列表(grid)
- Extjs之Grid详细
- extjs 之 grid篇
- ExtJS之Grid组件
- 实现Ext的grid单元格数据过长换行显示
- 中字符串过长自动换行问题解决
- c# 单行文字过长,换行方法
- Extjs刷新Grid的方法
- Extjs grid选定处理方法
- ExtJS初级教程之ExtJS Grid(一)
- ExtJS初级教程之ExtJS Grid(二)
- 测试如何更有效说服研发去修改bug?
- XML 加密和 SOAP
- 去除PDF水印
- Swapping GridView rows Up and Down
- 关于document.cookie的使用
- extjs 之grid 字符串过长换行方法记录
- VC-一个简单的DLL编写与调用
- CView转换成CScrollView
- 一个打破存在了几十年的目录树结构的划时代的产物--超级文件管理器(的想法)
- Silverlight使用LINQ、WCF访问SQL视图(转载于 银光中国)
- java读写文件大全
- 多线程之避免死锁(转载)
- Android权限说明
- ECSHOP本机快速部署安装教程