0 0

关于extJS gridPanel的表头嵌套 如何实现5

我想实现一个grid  它的表头 类似附图这样样式的,具体该怎么实现呢

2013年3月06日 22:30
  • 大小: 5.3 KB

1个答案 按时间排序 按投票排序

0 0

采纳的答案

ExtJS支持直接在column里定义column实现表头嵌套,类似下面的代码

mycolumns.push( {
	header : '用户信息',
	dataIndex : "name",
//	locked:true,
	// column中可以再嵌套列,形成多表头可读性更强的表格
	// 使用多表头的时,flex失效,必须显示地给列定义width固定宽度,百分比失效
	// 否则表头宽度显示异常
	columns : [ {
		header : '姓名',
		dataIndex : "name",
		width : 300,
		sortable : true,
		editor : {// 通过field或editor配置项说明该单元格的编辑组件是什么
			xtype : 'combo',
			store : editstore,
			id : 'names',
			allowBlank : false,
			lazyRender : true,
			typeAhead : true,
			triggerAction : 'all',
			queryMode : 'local',
			selectOnTab : true,
			displayField : 'name',
			valueField : 'name',
			listClass : 'x-combo-list-small',
			listeners : {
				select : function(combo, record, index) {
					isEdit = true;
				}
			}
		}
	}, {
		header : '邮箱',
		dataIndex : "email",
		width : 300,
		sortable : true,
		editor : {
			allowBlank : false
		// 默认使用的textfield的值
		}
	} ]
});

2013年3月07日 09:14

相关推荐

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

    以上就是关于ExtJs GridPanel双击事件获取双击的行及选中复选框状态的实现方法。通过这些知识,你可以轻松地在GridPanel中添加用户交互功能,提升应用程序的用户体验。请确保在实际项目中根据需求调整代码,以满足...

    extjs 实现动态表头

    标题“extjs 实现动态表头”表明我们要讨论的是如何在ExtJS环境中构建一个能够动态改变列头的表格。动态表头的核心在于理解ExtJS的GridPanel组件和ColumnModel类。GridPanel用于显示数据,而ColumnModel则定义了...

    ExtJs GridPanel延时加载.rar

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

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

    在博客中提到的"JavaEyeGrid"可能是一个自定义的EXTJS GridPanel实现,或者是作者提供的示例代码包。这个文件可能包含具体的示例代码和实现细节,通过阅读和学习这个文件,我们可以更深入地理解EXTJS GridPanel动态...

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

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

    给Extjs的GridPanel增加“合计”行

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

    Gridpanel多表头的扩展

    通过深入研究这两个文件,开发者可以了解EXTJS 2.2版本中实现多表头扩展的具体方法,这对于理解EXTJS的底层工作原理和提高EXTJS开发技能非常有帮助。同时,这也是一个很好的起点,用于探索如何在更高版本的EXTJS中...

    extjs3合并表头 rowspan

    理解并掌握以上知识点,将有助于你在ExtJS 3环境中实现复杂的表头合并功能。不过,要注意,ExtJS 3已是一个较老的版本,对于新项目,可能需要考虑升级到更现代的版本,如ExtJS 7或Sencha Touch,它们提供了更丰富的...

    ExtJS的GridPanel导出excel文件

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

    extjs3多表头

    在ExtJS 3中,你可以通过嵌套ColumnModel来创建多层表头。下面将详细介绍如何使用ExtJS 3创建多表头,以及相关的配置项和方法。 1. **创建多表头的基本结构** - 首先,你需要创建一个包含主表头的ColumnModel。主...

    extjs 双层表头

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

    extjs gridpanel例子和简单应用

    ### ExtJS GridPanel 使用详解及示例 #### 一、引言 在现代Web应用程序开发中,特别是基于ExtJS框架的应用程序中,`GridPanel`是处理表格数据展示的一个非常重要的组件。它不仅可以帮助开发者轻松地展示数据,还...

    extjs grid 多表头插件

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

    EXTjs grid双层表头的实现 (源代码和示例)

    本篇将重点讲解如何在EXTjs中实现双层表头,以及通过提供的源代码`GridDoubleHeader.js`来理解其实现细节。 EXTjs的grid表头通常是单层的,每一列都有一个标题。但在某些场景下,我们可能需要更复杂的表头结构,...

    Extjs让Gridpanel组件自动滚屏

    后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...

    通过Servlet让Extjs GridPanel 显示数据库数据.docx

    本文档主要介绍如何通过Servlet技术配合Extjs框架中的GridPanel组件来实现这一功能。 #### 一、概述 Extjs是一个用于构建交互式前端应用程序的JavaScript库。GridPanel是Extjs中的一个组件,它主要用于展示表格...

    Extjs2.02 Gridpanel

    【EXTJS 2.02 GridPanel 知识详解】 EXTJS GridPanel 是EXTJS库中的核心组件之一,尤其在EXTJS 2.02版本中,它提供了强大的表格展示和交互功能,对于初学者来说极具学习价值。GridPanel不仅能够处理基本的表格操作...

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

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

    ExtJs GridPanel简单的增删改实现代码

    ExtJs GridPanel是ExtJs框架中用于展示和管理表格数据的一个重要组件,它提供了丰富的API接口,方便开发者实现复杂的数据操作。根据给出的文件信息,这里将详细解读在ExtJs GridPanel中如何实现基本的增加、删除和...

    Extjs gridpanel 出现横向滚动条问题的解决方法

    在使用ExtJS开发Web应用程序时,经常会遇到在GridPanel中数据列过多,导致横向滚动条自动出现的问题。这个问题主要是由于GridPanel的宽度不足以容纳所有的列宽,因此浏览器会自动显示横向滚动条以便用户查看全部数据...

Global site tag (gtag.js) - Google Analytics