文档章节

Extjs Grid自动换行

Junn
 Junn
发布于 2015/03/24 16:59
字数 292
阅读 150
收藏 0

GridPanel 单元格自动换行,定义列的时候加个 renderer,例如:

{    
     header : '序号',    
     dataIndex : 'ind',    
     renderer: function(value, meta, record) {    
         meta.attr = 'style="white-space:normal;"';     
         return value;     
    }  
}
使用自动换行又会带来一个新的问题,那就是不需要换行的列在竖直方向上没有居中显示,而是靠上对齐,要想在竖直方向上居中显示还得改下 grid 的样式,本人不赞成直接修改 ext-all.css,一个是尊重人家的版权,还有就是改多了,以后自己都记不清。那么要想改过成单元格都竖直居中,只需在页面或者自己的样式定义里面 重写一个样式即可。代码如下:

<style type="text/css">  
    .x-grid3-row td, .x-grid3-summary-row td {  
            line-height:13px;  
            vertical-align: middle;  
            padding-left:1px;  
            padding-right:1px;  
            -moz-user-select: none;  
            -khtml-user-select:none;  
            -webkit-user-select:ignore;  
    }  
</style>

其实看过原码就知道了,里面只有 vertical-align: middle; 才是设置对齐用的,其他的都是原来定义的样式,只是把这个对齐由原来的 top 改成了 middle 而已。这样就能既达到了有些列自动换行的目的,而且又不影响到 grid 的美观了。

本文转载自:http://guozhenqian.iteye.com/blog/1225145

共有 人打赏支持
Junn
粉丝 145
博文 412
码字总数 288918
作品 0
海淀
高级程序员
私信 提问
FineUI大版本升级,外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架

FineUI v3.3.0 更新的内容非常多,所以一下子从 v3.2.6 连跳 3 个小版本,直接来到了 v3.3.0。 主要的更新有如下几个方面: 外置ExtJS库 去AXD化 表格合计行 表格可编辑单元格的增删改 顶部菜...

三生石上
2013/06/17
4K
7
Extjs GridPanel用法详解

创建GridPanel 要使用GridPanel,首先要定义Store,而在创建Store的时候必须要有Model,因此我们首先来定义Model: //1.定义ModelExt.define("MyApp.model.User", { }); 然后创建Store: //...

鱼煎
2017/11/02
0
0
Extjs MVC开发模式详解

在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题。Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开发模式,开始将一个JS(Extjs)应用程序分割成...

鱼煎
2017/11/02
0
0
FineUI v3.3.1 发布了!

关于FineUI 基于 ExtJS 的专业 ASP.NET 控件库。 FineUI的使命 创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序。 支持的浏览器 IE 7.0+、Firef...

三生石上
2013/07/29
3K
4
Spring MVC 使用Json格式传输数据,XXX.xxx 的嵌套数据无法解析

后台使用的是 Spring MVC RESTful + 前台 ExtJs4 REST数据代理,交互格式是JSON,使用Jackson进行数据解析。现在出现的问题是后台只能接受 类似下面的纯Json数据: 类似这种这种数据格式: ...

Mr_Kail
2014/08/10
2.7K
4

没有更多内容

加载失败,请刷新页面

加载更多

《1984》读后感作文4000字

《1984》读后感作文4000字: 新年的第一天,开始阅读Gorge Owell的政治寓言小说。以前阅读的是上译的董乐山的译本,也拜读过刘绍铭的译本,两人在翻译上各有千秋。董先生的译本显得有些压抑严...

原创小博客
30分钟前
4
0
Django集成Markdown编辑器【附源码】

专注内容写作的你一定不要错过markdown 简单介绍 markdown是一种标记语言,通过简单的标记语法可以使普通的文本内容具有一定的格式,使用非常简单,学习成本极低 目前各大Blog平台都已支持m...

运维咖啡吧
47分钟前
4
0
C++中虚函数的作用是什么?它应该怎么用呢?

C++中虚函数的作用: 1、简单地说,那些被virtual关键字修饰的成员函数,就是虚函数。 2、实现多态性,多态性是将接口与实现进行分离。 3、当基类指针指向一个子类对象,通过这个指针调用子类...

天王盖地虎626
51分钟前
3
0
简单聊聊Linux学习经历

学习,是我们一生中都规避不了的一个话题,人的一生中都是在不断的学习,无论是功成名就的人士,还是一无是处的小混混,始终都处在一个不断学习的环境中,只是学习的内容千差万别,有的人是为...

linuxprobe16
52分钟前
3
0
面试之ssm粗略简答

说实在的,spring源码对我来说可能就是报错的时候会一个个点进去找错误源头,其他都是为了让自己学习大神们优秀的编程思想和理念(顺便面试的时候吹吹牛皮~) 这次zhjj就直接抛了一个范围很...

无极之岚
58分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部