A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks


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;}

posted on 2008-07-10 10:19 Yemoo'S JS Blog 阅读(4147) 评论(3)  编辑 收藏 引用 所属分类: Js框架组件

评论

# re: 实现Ext的grid单元格数据过长换行显示 2009-02-17 13:22
gridEl.select 是什么意思??
怎么显示 为定义??
  回复  更多评论
  

# re: 实现Ext的grid单元格数据过长换行显示 2009-02-18 11:43 yemoo
grid.el.select@朱
  回复  更多评论
  

# re: 实现Ext的grid单元格数据过长换行显示 2009-06-10 10:07 口号
用到jquery里的一些方法,不懂的可以查下  回复  更多评论
  

只有注册用户登录后才能发表评论。