extjs 之grid 字符串过长换行方法记录
2011-09-01 10:55
211 查看
Grid的单元格对数据显示都是采用省略的办法来处理的,即内容长度超过单元格长度时自动隐藏超过的部分并使用省略号...来显示,这样虽然也很好,但有时我们可能还是希望它能完全的显示出来,即采用换行显示。
最简单的办法莫过于直接修改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');
});
});
CSS文件内容:
.x-grid3-cell-text-visible .x-grid3-cell-inner{overflow:visible;padding:3px 3px 3px 5px;white-space:normal;}
最简单的办法莫过于直接修改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');
});
});
CSS文件内容:
.x-grid3-cell-text-visible .x-grid3-cell-inner{overflow:visible;padding:3px 3px 3px 5px;white-space:normal;}
相关文章推荐
- [转]ExtJS Grid 分页时保持选中的简单实现方法
- 160519、Oracle中将查询出的多条记录的某个字段拼接成一个字符串的方法
- mysql 去掉字符串结尾换行的方法
- Oracle多行记录合并/连接/聚合字符串的几种方法 [转]
- python代码过长的换行方法
- Oracle多行记录合并 连接/聚合字符串的几种方法
- 字符串过长(Heredoc结构形式方法)
- mysql中Load Data记录换行问题的解决方法
- MYSQL中利用select查询某字段中包含以逗号分隔的字符串的记录方法find_in_set
- java 读取字符串,截取空白, tab, 换行的新方法
- extjs grid设置某列背景颜色和字体颜色的实现方法
- Oracle多行记录合并/连接/聚合字符串的几种方法 [转]
- subsonic3.0插件更新字符串过长引发的异常修复方法
- ExtJS4.2 Grid知识点五:多选行(可以点击行选中记录与只能点击多选框选中记录)
- Oracle中将查询出的多条记录的某个字段拼接成一个字符串的方法
- 两个截取字符串的实用方法(超过一定长度自动换行)
- Oracle 多行记录合并/连接/聚合字符串的几种方法
- Oracle多行记录合并/连接/聚合字符串的几种方法
- ExtJS:GridPanel之renderer:function()和itemdblclick : function()方法参数详解
- 数据源中编写disp方法需加参数,否则Grid中记录会随光标变动