`
wlz728
  • 浏览: 695 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs4 多层表头

阅读更多
有用过extjs4的朋友吗。帮忙看下列为什么没有平铺,挤在一起了呢? 
var tree = Ext.create('Ext.tree.Panel', {
        title: 'Core Team Projects',
        width: 1060,
        height: 300,
        renderTo: Ext.getBody(),
        collapsible: true,
        useArrows: true,
        rootVisible: false,
        store: store,
        multiSelect: true,
        singleExpand: true,
         suspendLayout:false,
              columns: [
{text: '机构编号', sortable: false, dataIndex: 'id', hidden:true},{xtype: 'treecolumn', text: '机构名称', sortable: false,  width:100,dataIndex: 'brhName'},[{text: '金融类',columns:[{text: '汇兑', width:80,dataIndex:'title9', sortable: false, align:'center'},{text: '保险', width:80,dataIndex:'title7', sortable: false, align:'center'},{text: '储蓄', width:80,dataIndex:'title8', sortable: false, align:'center'}]},{text: '金融类合计', width:90,dataIndex:'title5', sortable: false, align:'center'},{text: '邮务类',columns:[{text: '函件', width:80,dataIndex:'title2', sortable: false, align:'center'},{text: 'EMS',columns:[{text: '服务类',columns:[{text: '投递时限', width:80,dataIndex:'title11', sortable: false, align:'center'},{text: '网点服务', width:80,dataIndex:'title10', sortable: false, align:'center'}]},{text: '服务类合计', width:190,dataIndex:'title21', sortable: false, align:'center'}]},{text: 'EMS合计', width:90,dataIndex:'title6', sortable: false, align:'center'},{text: '包裹', width:80,dataIndex:'title3', sortable: false, align:'center'},{text: '在睦', width:80,dataIndex:'title61', sortable: false, align:'center'}]},{text: '邮务类合计', width:90,dataIndex:'title4', sortable: false, align:'center'}]
]
    });
  • 大小: 19.7 KB
分享到:
评论

相关推荐

    extjs 实现动态表头

    动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...

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

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

    extjs4动态添加表头

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

    extjs3合并表头 rowspan

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

    extjs3多表头

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

    extjs grid 多表头插件

    4. Column Hierarchy(列层级):定义列的嵌套关系,通过配置column配置项,可以设置列的子列,从而构建多表头结构。 5. Tree-like Structure(树状结构):多表头的布局类似于树形结构,可以通过折叠和展开控制...

    extjs 双层表头

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

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

    动态表头是ExtJS中的一个高级特性,它允许用户在运行时自定义表格的列结构,提供了高度可配置和交互性的体验。这个"extjs动态表头"的资源很可能是一个插件或组件,名为`Ext.ux.grid.DynamicGridPanel.js`,它扩展了...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    extjs 双表头

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

    ExtJS4中文教程2 开发笔记 chm

    Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法 ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习...

    包含各种类型的extjs小图标,Extjs4小图标

    在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...

    Extjs4的demo

    在本例中,我们假设你已经在MyEclipse中创建了一个新的Web项目,并命名为"Extjs4"。将ExtJS 4.0.7的文件放入Webroot目录,以便于访问。 接下来,你需要设置一个学习环境。确保你的机器上已经安装了MyEclipse和...

    extjs4完整下载

    ExtJS4正式版(官方完整下载包):含所有的源代码,html,api文档,示例。官方网站下载现在需要注册,这个仅供爱好者个人学习使用,如果项目中使用请至官方网站购买。

    extjs4学习文档

    EXTJS4 是一款强大的JavaScript框架,用于构建富客户端Web应用程序。EXTJS4的学习文档旨在帮助开发者掌握这一框架,尤其对于初学者来说,提供了宝贵的资源。文档中包含了从环境配置到实际应用开发的基础步骤。 首先...

    extjs双表头

    3. 多级表头的创建:学习如何通过嵌套`columns`数组来创建多层表头,每个子数组代表一列子表头。 4. 自定义组件:`HeaderColumn.js`中的自定义组件或扩展,可能需要理解其内部逻辑,以便在自己的应用中复用或修改。 ...

    extjs4中文文档

    EXTJS4是一个强大的JavaScript框架,主要用于构建富客户端Web应用程序。这个中文文档是EXTJS4的官方文档翻译版,为开发者提供了详细的API参考和教程,帮助理解EXTJS4的各种组件、功能和工作原理。 EXTJS4的核心特性...

    ExtJS4多文件上传,带进度条及管理

    本文将详细解析"ExtJS4多文件上传,带进度条及管理"这一主题,涵盖其核心概念、实现方式以及相关技术。 **一、ExtJS4概述** ExtJS4是Sencha公司推出的一个前端框架,它提供了丰富的组件库和强大的数据绑定机制,...

    EXTJS4自学手册

    EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册...

    EXTJS2.2.1中Grid表头的下拉菜单很难看

    4. **JavaScript 错误或冲突**:如果页面上的其他JavaScript代码与EXTJS的实现有冲突,也可能导致表头下拉菜单的显示异常。检查并排除潜在的JavaScript错误是解决问题的关键步骤。 解决这个问题的方法包括: 1. **...

Global site tag (gtag.js) - Google Analytics