`
wb1991wb
  • 浏览: 157086 次
  • 来自: 上海
社区版块
存档分类
最新评论

【叨、校长】Extjs 动态表头GridPanel

阅读更多
var columnArray=["2012-01","2012-02","2012-03","2012-04","2012-05","2012-06","2012-07","2012-08","2012-09","2012-10"]
	var columns=[];
	var fields=[];
	var myData=[];
	for(var i=0;i<10;i++){
		var array=[];
		for(var j=0;j<10;j++){
			var m=parseInt(Math.random()*10+1); 
			array.push(m%3);
		}
		myData.push(array);
	}
	var store;
	var FisrtHeaderGroupRow=[];//双行表头--第一行表头
	var size=columnArray.length;
	for(var i=0;i<size;i++){
		fields.push({
			name:columnArray[i]
		});
		columns.push({
			header:columnArray[i],
			dataIndex:columnArray[i]
		})
	}
	store=new Ext.data.ArrayStore({
		fields:fields,
		data:myData
	})
	var grid=new Ext.grid.GridPanel({
		stripeRows:true,
		columns:columns,
		store:store,
		sm:new Ext.grid.CellSelectionModel(),
		iconCls:'action_group_icon'
	})

 

分享到:
评论

相关推荐

    extjs动态表头,绝对的好东西啊

    这个"extjs动态表头"的资源很可能是一个插件或组件,名为`Ext.ux.grid.DynamicGridPanel.js`,它扩展了ExtJS的标准GridPanel,增加了动态调整列的能力。 动态表头的核心功能包括: 1. **实时编辑**:用户可以在...

    extjs 实现动态表头

    动态表头的核心在于理解ExtJS的GridPanel组件和ColumnModel类。GridPanel用于显示数据,而ColumnModel则定义了GridPanel的列结构和属性,如宽度、对齐方式、可排序性等。 描述中的“csdn里有个兄弟类似的东西要10分...

    extjs4动态添加表头

    extjs4动态添加表头字段、删除、增加记录!

    ExtJS 表格面板GridPanel完整例子

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

    给Extjs的GridPanel增加“合计”行

    在EXTJS中,GridPanel是一种常用的组件,用于展示表格数据。在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加...

    ExtJS介绍以及GridPanel

    在本文中,我们将深入探讨ExtJS的核心特性,特别是其GridPanel组件。 首先,ExtJS的核心特性之一是组件化。它将网页元素抽象为可复用的组件,如按钮、表格、窗口等,每个组件都有自己的属性、方法和事件,可以方便...

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

    在本文中,我们将深入探讨如何使用ExtJS框架在前端动态生成表格,并结合后端数据进行展示。ExtJS是一个强大的JavaScript库,专用于构建富客户端Web应用程序,尤其在创建交互式用户界面方面表现突出。动态生成表格是...

    Extjs中的GridPanel

    GridPanel 是 ExtJS 中的核心组件之一,它提供了一种高效、可定制的方式来展示大量结构化数据。在这个主题中,我们将深入探讨 GridPanel 的关键特性和使用方法。 1. **GridPanel 基本结构**: GridPanel 包含了行...

    ExtJS的GridPanel导出excel文件

    ExtJS的GridPanel导出excel文件,方便快捷易懂!

    Extjs入门教程(treePanel和GridPanel)

    在集成TreePanel和GridPanel时,可能涉及到的概念有:将TreePanel的节点与GridPanel的数据关联,实现点击树节点时动态加载或更新GridPanel的数据,以及可能的父子数据联动操作。 在实际应用中,你可能会学习到以下...

    extjs 双层表头

    使用extjs生成双层表头,父表头包括子表头

    extjs3合并表头 rowspan

    在ExtJS 3中,如果你需要合并表头,你可能会使用`Ext.grid.GroupingView`或自定义的视图类。表头合并通常涉及到设置特定的配置选项和处理渲染过程。以下是一些关键知识点: 1. **GroupingView**: 这是ExtJS 3中用于...

    EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化

    这个文件可能包含具体的示例代码和实现细节,通过阅读和学习这个文件,我们可以更深入地理解EXTJS GridPanel动态调整列宽的方法。 总结起来,EXTJS GridPanel的ColumnModel允许我们灵活控制列宽,通过`flex`和`...

    ExtJs GridPanel双击事件获得双击的行

    在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...

    extjs grid 多表头插件

    多表头插件是ExtJS Grid的一个重要特性,它允许我们创建具有多层次、复杂结构的表头,以便更好地组织和呈现数据。在ExtJS Grid中,多表头能够帮助用户更清晰地理解列的分组和关系,提高数据的可读性和分析性。 首先...

    Extjs 自定义树结构实现以及动态表头实现

    在本文中,我们将深入探讨如何使用ExtJS框架来实现自定义树结构以及动态表头的功能。ExtJS是一款强大的JavaScript库,常用于构建富客户端应用程序,它提供了丰富的UI组件和强大的数据绑定机制。VS2015是Visual ...

    extjs3多表头

    在ExtJS 3中,多表头(Multi-Header)功能允许用户创建复杂的、多层次的表格列布局,以更好地组织和展示数据。这种功能在数据展示和分析时非常有用,尤其是在处理大量信息时,可以提高用户体验和数据可读性。 多...

    ExtJs GridPanel延时加载.rar

    在给定的"ExtJs GridPanel延时加载.rar"文件中,主要涉及的核心概念是ExtJs中的GridPanel组件以及延时加载技术。GridPanel是ExtJs中一个非常重要的组件,它用于展示表格数据,而延时加载则是一种优化大量数据处理的...

    extjs 双表头

    在ExtJS中,"双表头"(Dual Header)是一种特殊的设计,允许表格在同一列内展示两个级别的分类信息,常用于展示复杂的数据结构。 双表头在ExtJS中可以通过`Ext.grid.header.Container`和`Ext.grid.column.Column`...

    Extjs动态Grid的生成 htm

    Extjs动态Grid的生成 htm

Global site tag (gtag.js) - Google Analytics