`
angelbill3
  • 浏览: 256633 次
  • 性别: 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完整例子

    ExtJS表格面板(GridPanel)是Sencha Ext JS框架中的一个核心组件,它用于展示大量结构化数据。在本文中,我们将深入探讨如何创建并使用一个完整的ExtJS GridPanel实例,以及与其相关的源码和工具。 首先,让我们...

    给Extjs的GridPanel增加“合计”行

    这篇博文“给Extjs的GridPanel增加‘合计’行”将指导我们如何实现这一功能。 首先,我们需要理解EXTJS的GridPanel结构。GridPanel由Store(数据存储)、ColumnModel(列模型)和View(视图)等主要部分组成。在...

    extjs动态生成表格,前台+后台

    首先,我们需要了解ExtJS中的核心组件之一——GridPanel。GridPanel是一个显示二维数据的组件,通常用于展示大量结构化的信息。在我们的例子中,我们将看到如何通过JavaScript代码来动态构建GridPanel。 在前端部分...

    ExtJS4.0下的gridPanel组建完全版

    在ExtJS 4.0版本中,GridPanel组件是其核心特性之一,它允许开发者创建数据密集型的表格展示,提供了丰富的功能和定制选项。这篇内容将深入探讨GridPanel在ExtJS 4.0中的应用及其相关知识点。 首先,我们来看...

    Extjs入门教程(treePanel和GridPanel)

    GridPanel则是ExtJS中的表格视图组件,它可以展示大量的数据,并提供排序、筛选、分页等功能。在集成TreePanel和GridPanel时,可能涉及到的概念有:将TreePanel的节点与GridPanel的数据关联,实现点击树节点时动态...

    ExtJS介绍以及GridPanel

    首先,ExtJS的核心特性之一是组件化。它将网页元素抽象为可复用的组件,如按钮、表格、窗口等,每个组件都有自己的属性、方法和事件,可以方便地进行组合和定制。这种组件化的思想极大地提高了代码的可维护性和复用...

    ExtJs GridPanel延时加载.rar

    GridPanel是ExtJs中的核心组件之一,它提供了丰富的功能来展示和操作表格数据。你可以通过配置列、排序、过滤、分页等功能来定制你的表格。GridPanel通常与Store配合使用,Store负责管理数据,而GridPanel负责展示...

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

    本篇将详细介绍如何在ExtJs中设置`GridPanel`表格文本垂直居中。 首先,我们来看一下`GridPanel`的基本配置。在提供的代码片段中,`GridPanel`的配置对象包含了多个属性,如`xtype`, `id`, `frame`, `region`, `...

    EXTjs4.0以下合并表格

    通过以上知识点的学习和实践,你将能够创建出EXTjs 4.0以下版本的合并表格示例。提供的"合并的demo"文件很可能是包含了一个实际的示例代码,你可以通过阅读和运行这个示例来更深入地理解和掌握这些概念。记得在实际...

    extjs模拟excel表格

    首先,ExtJS中的GridPanel组件是实现模拟Excel表格的核心。GridPanel允许我们展示大量数据,并提供了诸如排序、过滤、分页等高级功能。通过设置列宽、可编辑性以及自定义渲染,我们可以使GridPanel看起来和Excel非常...

    Extjs2.02 Gridpanel

    EXTJS GridPanel 是EXTJS库中的核心组件之一,尤其在EXTJS 2.02版本中,它提供了强大的表格展示和交互功能,对于初学者来说极具学习价值。GridPanel不仅能够处理基本的表格操作,如单选、多选、排序、改变列宽等,还...

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

    总结,这个示例展示了如何使用ExtJS的GridPanel和TreePanel组件,结合后台数据读取,实现分页显示表格数据和树形结构数据,以及复选框的联动效果。在Visual Studio 2008环境中,开发者可以编写和调试这些功能,为...

    Extjs 实现多行合并(rowspan)效果

    在ExtJS中实现多行合并(rowspan)的效果,通常是为了在数据表格中展示具有层次结构的数据,或者在某些特定情况下需要对表格行进行合并,以优化数据的展示。这通常涉及到对表格(GridPanel)的配置和自定义。下面...

    EXTJS.GRIDPANEL 日期格式

    GridPanel是ExtJS中一个非常重要的组件,用于展示和编辑表格数据,它具有高度的定制性和灵活性。 ### 一、ExtJS.GridPanel中的日期格式设置 在ExtJS中,日期格式的设置主要涉及两个方面:数据存储格式和数据显示...

    extjs构造矩阵表格

    下面我们将深入探讨EXTJS构建矩阵表格的步骤和涉及的技术点。 1. **创建数据存储(Store)**: - `TMstore` 是一个包含整个矩阵数据的主Store,通过HttpProxy连接到服务器端的'json/getMatrixInfo.do'获取数据,...

    Extjs4 GridPanel 的几种样式使用介绍

    总结,ExtJS4的GridPanel提供了丰富的样式和选择模式,允许开发者根据需求定制表格的外观和交互行为。通过对数据源的灵活处理,以及对不同列类型的控制,可以创建出满足各种业务场景的高效数据展示组件。通过理解并...

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

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

Global site tag (gtag.js) - Google Analytics