1、列内容靠左,列头居中。具体需求如下:
对于时间类居中,我们可以在ColumnModel中设置:align:'center'来实现,这样表头和表内容都会居中了。但是有些中文字段列,内容是想靠左侧的,而表头依然想居中。代码如下:
a---> 写个function函数:
/**
* 列的表头居中
*/
function setColumn(cm){
//获取所有的列(包括隐藏)
var number = cm.getColumnCount(false);
for (var i=1;i<number;i++){
var c_header = cm.getColumnHeader(i);
var c_c_header = '<div style = "text-align:center;">' + c_header + '</div>';
cm.setColumnHeader(i,c_c_header);
}
}
b---> 表格中加上listeners。
listeners:{
render : function() {
setColumn(cm);//cm为定义的ColumnModel
}
}
2、extjs Grid 时,默认初始选中
grid.store.on("load",function(){
grid.getSelectionModel().selectRow(0,true);
});
分享到:
相关推荐
NULL 博文链接:https://aa00aa00.iteye.com/blog/564647
本文为大家详细介绍下ExtJs如何设置GridPanel表格文本垂直居中,具体实现代码及截图如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.ColumnModel定义、而表格的数据存储器由Ext.data....
因为前段时间有两个专案要用到extjs技术,所以自己学了一段时间,在专案才发现extjs的强大,无论对于开发者还是使用者他都是一场视觉盛宴,这里有我从学习开始做的一些笔记和例子也有自己收集的学习资料,里面包括...
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
实现了从后台读取数据,并进行分页显示,从后台读取treepanel数据,显示,并实现了点击节点复选框的时候,出现父节点和子节点的联动,运行环境是vs2008
详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解
代码如下:viewConfig : { layout : function() { if (!this.mainBody) { return; // not rendered } var g = this.grid; var c = g.getGridEl(); var csize = c.getSize(true); var vw = csize.width;...
20)基本表格GridPanel 21)视图区ViewPort 22)可编辑表格EditorGridPanel 23)窗口基本应用 24)窗口分组 25)对话框 26)与服务器交互 27)Record 28)Store 29)TreePanel基本使用 30)使用树控件TreeNode 31)使用树控件...
一、开始组件学习之旅 53 二、被设计得面目全非的按钮 53 三、日期选择器Ext.DatePicker 55 四、小结 56 第十章:数据与ComboBox 57 一、数据在这里是动词 57 二、Ext.data.DataProxy类 57 三、Ext.data.DataReader...
ExtJS中表格的特性简介 表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid 表格的列信息由Ext.grid.ColumnModel定义 表格的数据存储器由Ext.data.Store定义,根据解析数据的不同,数据存储器可具体分为...
1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格...
一种很好的很强悍的ajax的框架,里面封装了很多自定义的并且很好用的控件,特别是表格绑定控件gridpanel
简单表格 排序,显示某列,读取本地数据 代码如下://本地数据 var datas = [ [‘1’, ‘gao’, ‘man’], [‘2’, ‘gao’, ‘man’], [‘3’, ‘gao’, ‘man’] ]; //创建面板 Ext.create(‘Ext.grid.Panel’, { ...
表格GridPanel概述 ExtJS中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。 表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,...
……36 6.1 基本表格GridPanel……….……………………………………………………………………………………..….36 6.2 可编辑的表格EditorGridPanel……….………………………………………………………………...