`
angelbill3
  • 浏览: 253287 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

ExtJS之表格篇(gridpanel) 学习总结

 
阅读更多
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); 
});
分享到:
评论

相关推荐

    ExtJS 表格面板GridPanel完整例子

    NULL 博文链接:https://aa00aa00.iteye.com/blog/564647

    ExtJs设置GridPanel表格文本垂直居中示例

    本文为大家详细介绍下ExtJs如何设置GridPanel表格文本垂直居中,具体实现代码及截图如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助

    ExtJS 2.0 GridPanel基本表格简明教程

    表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.ColumnModel定义、而表格的数据存储器由Ext.data....

    extjs实例与学习资料

    因为前段时间有两个专案要用到extjs技术,所以自己学了一段时间,在专案才发现extjs的强大,无论对于开发者还是使用者他都是一场视觉盛宴,这里有我从学习开始做的一些笔记和例子也有自己收集的学习资料,里面包括...

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    extjs表格(表格后台数据读,分页),树(后台数据读取,复选框联动)的基本操作示例

    实现了从后台读取数据,并进行分页显示,从后台读取treepanel数据,显示,并实现了点击节点复选框的时候,出现父节点和子节点的联动,运行环境是vs2008

    GridPanel属性详解

    详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解

    Extjs 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;...

    ExtJS 2.0实用简明教程

    20)基本表格GridPanel 21)视图区ViewPort 22)可编辑表格EditorGridPanel 23)窗口基本应用 24)窗口分组 25)对话框 26)与服务器交互 27)Record 28)Store 29)TreePanel基本使用 30)使用树控件TreeNode 31)使用树控件...

    轻松搞定Extjs_原创

    一、开始组件学习之旅 53 二、被设计得面目全非的按钮 53 三、日期选择器Ext.DatePicker 55 四、小结 56 第十章:数据与ComboBox 57 一、数据在这里是动词 57 二、Ext.data.DataProxy类 57 三、Ext.data.DataReader...

    JavaScript的ExtJS框架中表格的编写教程

    ExtJS中表格的特性简介 表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid 表格的列信息由Ext.grid.ColumnModel定义 表格的数据存储器由Ext.data.Store定义,根据解析数据的不同,数据存储器可具体分为...

    Extjs4 GridPanel的主要配置参数详细介绍

    1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格...

    一种很好的很强悍的ajax的框架--extjs

    一种很好的很强悍的ajax的框架,里面封装了很多自定义的并且很好用的控件,特别是表格绑定控件gridpanel

    Extjs4 GridPanel 的几种样式使用介绍

    简单表格 排序,显示某列,读取本地数据 代码如下://本地数据 var datas = [ [‘1’, ‘gao’, ‘man’], [‘2’, ‘gao’, ‘man’], [‘3’, ‘gao’, ‘man’] ]; //创建面板 Ext.create(‘Ext.grid.Panel’, { ...

    JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

    表格GridPanel概述  ExtJS中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。  表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,...

    ExtJs2.0简明教程

    ……36 6.1 基本表格GridPanel……….……………………………………………………………………………………..….36 6.2 可编辑的表格EditorGridPanel……….………………………………………………………………...

Global site tag (gtag.js) - Google Analytics