Extjs Ext.grid.column.Column 自适应内容

var griddb = Ext.ComponentQuery.query("Ali_DeliveryAuthorityList");
griddb = griddb[griddb.length - 1];
var store = Ext.getStore("DeliveryAuthorityStore");
store.proxy.extraParams = obj;
store.loadPage(1
, {
scope: this,
callback: function (records, operation, success) {

//有两种办法

//第一种

var grid = griddb;
var columns = grid.columns;
for (var i = 0; i < columns.length; i++) {
var column = columns[i];
grid.getView().autoSizeColumn(column);
column.setWidth(column.getWidth() + 5);
};

////--第二种Begin-自动适应列宽

var upList = griddb;
for (var i = 1; i < upList.headerCt.getColumnCount() ; i++) {
upList.headerCt.getGridColumns()[i].autoSize(i);
upList.headerCt.getGridColumns()[i].setWidth(upList.headerCt.getGridColumns()[i].getWidth() + 5);
};

////--End-自动适应列宽
loadMarsk.hide();
}
}
);

时间: 2024-10-05 05:07:26

Extjs Ext.grid.column.Column 自适应内容的相关文章

【extjs】 extjs5 Ext.grid.Panel 搜索示例

先看效果图: 页面js: <script type="text/javascript"> /** * 日志类型 store * */ var logTypeStore = Ext.create('Ext.data.Store', { fields: ['type', 'name'], data : [ {"type":"1", "name":"登录日志"}, {"type":

【extjs】 ext5 Ext.grid.Panel 分页,搜索

带有分页,搜索的grid. <%@page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %> <html> <head> <jsp:include page="../common/resource_classic.jsp"

[转] Ext Grid (ExtJs)上的单击以及双击事件

例1: 1.双击 var cb = new Ext.grid.RowSelectionModel({ singleSelect:true //如果值是false,表明可以选择多行:否则只能选择一行 }); var alarmGrid = new Ext.grid.GridPanel({ } alarmGrid.addListener('rowdblclick', rowdblclickFn); function rowdblclickFn(grid, rowindex, e){ grid.get

Ext.grid.Panel表格特性Feature

Ext.grid.feature.Feature是一类针对Ext.grid.Panel 的特殊插件,提供了可以被扩展的基本模板方法.子类包括: 1.Ext.grid.feature.RowBody 表格行体 行体特性为表格追加了tr标签,跨越了原始表格的所有列,在表格中展示一些描述性的特殊信息时非常有用,行体在默认状态下是隐藏的,如果需要展示行体必须覆盖getAdditionalData方法,代码如下: //Ext.grid.feature.RowBody示例 Ext.onReady(funct

Ext.grid.GridPanel属性及方法等

1.Ext.grid.GridPanel主要配置项:store:表格的数据集columns:表格列模式的配置数组,可自动创建ColumnModel列模式autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0stripeRows:表格是否隔行换色,默认为falsecm.colModel:表格的列模式,渲染表格时必须设置该配置项sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModelenableHdMenu:是否显示表头的上

[转]Ext.grid常用属性和方法

原文地址:http://blog.csdn.net/fm19901229/article/details/8113969 1.Ext.grid.GridPanel  主要配置项:  store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设置该配置项 

Ext.grid.GridPanel的属性

1.Ext.grid.GridPanel     主要配置项:          store:表格的数据集          columns:表格列模式的配置数组,可自动创建ColumnModel列模式          autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0          stripeRows:表格是否隔行换色,默认为false            cm.colModel:表格的列模式,渲染表格时必须设置该配置项          sm.

[转]Ext Grid控件的配置与方法

http://www.blogjava.net/wangdetian168/archive/2011/04/12/348651.html 1.Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设

Ext.grid中的属性以及方法

1.Ext.grid.GridPanel主要配置项:store:表格的数据集columns:表格列模式的配置数组,可自动创建ColumnModel列模式autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0stripeRows:表格是否隔行换色,默认为falsecm.colModel:表格的列模式,渲染表格时必须设置该配置项sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModelenableHdMenu:是否显示表头的上