Ext.js的列布局

Ext.js列布局

1，描述：

列：此布局用于在容器中显示多个列。 我们可以定义列的固定宽度或百分比宽度。 百分比宽度将基于容器的完整大小计算。

2，语法：

使用列布局的简单语法

layout: 'column' 

3，问题描述：

在项目中的遇到的需求是：原有自适应表格宽度的列，每次加载时，经常会内容显示不全，需要手动拖拽单元列的宽度才能显示完整。

解决办法：

1，给内容较长的列设置一个较大宽度值，问题：IE9浏览器无效果，火狐及谷歌浏览器效果正常实现。（IE其他版本未测试）

2，给内容较长的列设置一个鼠标悬浮，当鼠标悬浮到该列的某个单元格上时，显示其单元格内容。（IE、火狐、谷歌浏览器均有效果）

最终解决办法：与业务沟通后，两者一起用。
4，附上Ext.js中添加的代码

renderer : function(value, cellmeta, record){
        cellmeta.attr = 'ext:qtip="'+ value + '"';
        return value;
}