`
shupili141005
  • 浏览: 120310 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类

已解决往Ext.grid.ColumnModel中附加一列,出现奇怪错误this.ds.fields.get(C) is undefined

阅读更多

        以下红色代码是我后来加上去的。原来的代码运行正常,而往Grid中增加一列时,就报出this.ds.fields.get(C) is undefined (142 out of range 60)的奇怪错误。经过自己尝试之后,必须加上蓝色代码方可运行正常(Note:蓝色的两个dataIndex都必须加 ,其它方式我都尝试过了,不行啊)。

var cm = new Ext.grid.ColumnModel
([
           new Ext.grid.RowNumberer(),
        {
            header: '申请编号', dataIndex: 'applicationNO', width: 106
        }
        ,{
            header: '项目名称', id: 'projectName',dataIndex: 'projectName',tooltip: '点击项目名称即可查阅申请书', renderer: function(value,metadata,record){
             return "<a title='点击查看申请书' style='cursor:pointer;text-decoration: underline;color: #15428b;' onClick='" + "viewApplication_A(" + record.get('id') + ")'>" + value + "</a>";           
       }
        }
        ,{
            header: '计划类别', dataIndex: 'projectCateName', width: 150
        }
        ,{
            header: '管理领域', dataIndex: 'manageFieldsName', width: 72
        }
        ,{
            header: '单位名称', dataIndex: 'unitName', width: 150
        }
        ,{
            header: '负责人', dataIndex: 'principalName', width: 52
        }
        ,{
            header: '归口部门', dataIndex: 'administrator', width: 86
        }
        ,{
            header: '提交时间', dataIndex :'submitDate', width :70, renderer: Ext.util.Format.dateRenderer('Y-m-d')
        }
        ,{
            header: '附件', dataIndex: 'id' ,width: 40,fixed: true,align: 'center',renderer: function(value,metadata,record) {
            return '<a style="cursor:pointer" onclick="viewAttachment(\'' + record.get('applicationNO') + '\')"><img src="../../images/icoImage/view.gif"></a>';
        }
        }
        ,{
            header: '操作',dataIndex: 'id' ,width: 66,fixed: true,align: 'center',renderer: function(value,metadata,record) {
            return '<a style="cursor:pointer;text-decoration: underline;color:red;" onclick="rebuildXMLContent(\'' + record.get('id') + '\')">重新生成</a>';
        }
        }

]);
cm.defaultSortable = true;

var store = new Ext.data.JsonStore(
{        
    url: '../admin/viewApplication_AByState.action',
    totalProperty: 'recordCount',
    storeId: 'store',
    root: 'results',
    fields: ['id','applicationNO','projectName','projectCateName','unitName',
                    'principalName','administrator','manageFieldsName',
                    {name :'submitDate', type :'date', dateFormat :'Y-m-dTH:i:s'}]
});

0
2
分享到:
评论
4 楼 shupili141005 2010-02-20  
Each Column in the grid's ColumnModel is configured with a dataIndex to specify how the data within each record in the store is indexed into the ColumnModel.
3 楼 shupili141005 2010-02-20  
同乐!
2 楼 202013 2010-02-10  

thanks!
1 楼 demonzyh 2009-12-09  
说明你没有看API。 哈哈。

相关推荐

    Ext.grid.ColumnModel显示不正常

    Ext.grid.ColumnModel显示不正常

    Ext.grid.GridPanel属性祥解

    `Ext.grid.ColumnModel`负责管理表格中的所有列,并提供了一些方法来操作这些列: 1. **columns** - 说明:定义了一个包含多个`Ext.grid.Column`的数组。 2. **defaultSortable** - 说明:布尔值,决定是否默认...

    可编辑表格Ext.grid.EditorGridPanel

    Ext.grid.EditorGridPanel是Ext JS库中的一个组件,主要用于创建具有可编辑单元格的表格。这个组件在数据展示和编辑方面提供了丰富的功能,是构建数据密集型应用的理想选择。下面将详细阐述其特点、工作原理及如何...

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

    GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了数据源和显示样式。在创建GridPanel时,我们需要配置这两个部分,例如: ```javascript var store = Ext.create('Ext.data.Store', { fields...

    Ext grid 简单实例

    Ext Grid是Ext JS库中的一个核心组件,用于展示和操作数据集。在Web应用程序中,它经常被用来作为数据表格,允许用户查看、排序、筛选和编辑数据。在这个"Ext Grid简单实例"中,我们将探讨如何从Web服务提取数据并将...

    Ext grid 动态添加字段、列扩展

    Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列

    Ext2.0框架的grid使用

    ### Ext2.0框架的Grid使用详解 #### 引言 在前端开发领域,Ext2.0框架以其强大的功能和灵活的组件库而备受推崇,尤其是其Grid组件,更是前端开发者构建美观、交互性强的数据展示界面的利器。本文将深入探讨Ext2.0...

    EXT核心API详解

    69、Ext.grid.ColumnModel类 ……… 58 70、Ext.grid.PropertyColumnModel类 … 59 71、Ext.grid.GridView类 …………… 59 72、Ext.grid.GroupingView类 ………… 60 73、Ext.grid.EditorGridPanel类 ……… 62 74...

    用ext propertyGrid做的小例子

    标题中的“用ext propertyGrid做的小例子”表明这个压缩包包含了一个使用EXTJS库的Property Grid组件的示例。EXTJS是一个流行的JavaScript框架,用于构建富客户端Web应用程序,而Property Grid是一个数据展示组件,...

    Ext下拉树、下拉表格

    2. 定义表格列:使用Ext.grid.ColumnModel或者Ext.grid.column.Column定义列的配置,包括标题、宽度、数据绑定等。 3. 创建表格:使用Ext.grid.Panel或Ext.view.Table创建表格视图,并将其与数据源关联。 4. 配置...

    ext的grid简易例子

    在EXT JS这个强大的JavaScript框架中,Grid组件是一个非常重要的元素,它用于展示和操作大量数据。EXT Grid提供了丰富的功能,包括排序、分页、筛选、编辑等,是Web应用中数据展示的首选工具。本教程将通过一个简单...

    Ext2[1].0框架的Grid使用介绍

    本文介绍了Ext2.0框架中Grid控件的基本使用方法,包括如何定义ColumnModel、创建Store以及如何在Grid中添加CheckBox。通过这些基本的操作,我们可以构建出功能丰富且交互性强的数据展示界面。Ext2.0的强大之处在于它...

    EXT GridPanel获取某一单元格的值

    EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...

    Ext2.0框架的Grid使用介绍

    Grid是Ext2.0中用于展示数据的重要组件之一,它不仅能够显示各种格式的数据(如二维数组、JSON或XML),还支持数据的排序、过滤和分页等功能。Grid的核心在于`Ext.grid.GridPanel`类及其相关的配置项。 ##### 1. ...

    EXTGrid属性方法

    `Ext.grid.ColumnModel`用于管理表格中的列布局,其主要属性包括: - **columns**: 列配置数组。 - **defaultSortable**: 默认是否可排序,默认为`false`。 - **defaultWidth**: 默认列宽。 - **findColumnIndex...

    Ext grid合并单元格

    根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...

    EXt 可以编辑的grid

    在EXT JS这个强大的JavaScript框架中,"EXt 可编辑的grid"是一个常见的应用场景,它允许用户在数据网格中直接编辑单元格内的数据。EXT JS的CellEditing插件是实现这一功能的关键,它提供了优雅的方式来处理表格数据...

    ExtJs grid多选时获取选中的所有值

    因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...

    ext表格布局小例子

    其表格组件(`Ext.grid.GridPanel`)是其最具特色的功能之一,广泛应用于数据展示和管理。 #### 二、代码分析 在本例中,我们首先引入了必要的 ExtJS 相关文件,包括样式表、脚本等资源。 ```html ...

Global site tag (gtag.js) - Google Analytics