以下红色代码是我后来加上去的。原来的代码运行正常,而往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'}]
});
分享到:
相关推荐
Ext.grid.ColumnModel显示不正常
`Ext.grid.ColumnModel`负责管理表格中的所有列,并提供了一些方法来操作这些列: 1. **columns** - 说明:定义了一个包含多个`Ext.grid.Column`的数组。 2. **defaultSortable** - 说明:布尔值,决定是否默认...
Ext.grid.EditorGridPanel是Ext JS库中的一个组件,主要用于创建具有可编辑单元格的表格。这个组件在数据展示和编辑方面提供了丰富的功能,是构建数据密集型应用的理想选择。下面将详细阐述其特点、工作原理及如何...
GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了数据源和显示样式。在创建GridPanel时,我们需要配置这两个部分,例如: ```javascript var store = Ext.create('Ext.data.Store', { fields...
Ext Grid是Ext JS库中的一个核心组件,用于展示和操作数据集。在Web应用程序中,它经常被用来作为数据表格,允许用户查看、排序、筛选和编辑数据。在这个"Ext Grid简单实例"中,我们将探讨如何从Web服务提取数据并将...
Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列
### Ext2.0框架的Grid使用详解 #### 引言 在前端开发领域,Ext2.0框架以其强大的功能和灵活的组件库而备受推崇,尤其是其Grid组件,更是前端开发者构建美观、交互性强的数据展示界面的利器。本文将深入探讨Ext2.0...
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做的小例子”表明这个压缩包包含了一个使用EXTJS库的Property Grid组件的示例。EXTJS是一个流行的JavaScript框架,用于构建富客户端Web应用程序,而Property Grid是一个数据展示组件,...
2. 定义表格列:使用Ext.grid.ColumnModel或者Ext.grid.column.Column定义列的配置,包括标题、宽度、数据绑定等。 3. 创建表格:使用Ext.grid.Panel或Ext.view.Table创建表格视图,并将其与数据源关联。 4. 配置...
在EXT JS这个强大的JavaScript框架中,Grid组件是一个非常重要的元素,它用于展示和操作大量数据。EXT Grid提供了丰富的功能,包括排序、分页、筛选、编辑等,是Web应用中数据展示的首选工具。本教程将通过一个简单...
本文介绍了Ext2.0框架中Grid控件的基本使用方法,包括如何定义ColumnModel、创建Store以及如何在Grid中添加CheckBox。通过这些基本的操作,我们可以构建出功能丰富且交互性强的数据展示界面。Ext2.0的强大之处在于它...
EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...
Grid是Ext2.0中用于展示数据的重要组件之一,它不仅能够显示各种格式的数据(如二维数组、JSON或XML),还支持数据的排序、过滤和分页等功能。Grid的核心在于`Ext.grid.GridPanel`类及其相关的配置项。 ##### 1. ...
`Ext.grid.ColumnModel`用于管理表格中的列布局,其主要属性包括: - **columns**: 列配置数组。 - **defaultSortable**: 默认是否可排序,默认为`false`。 - **defaultWidth**: 默认列宽。 - **findColumnIndex...
根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...
在EXT JS这个强大的JavaScript框架中,"EXt 可编辑的grid"是一个常见的应用场景,它允许用户在数据网格中直接编辑单元格内的数据。EXT JS的CellEditing插件是实现这一功能的关键,它提供了优雅的方式来处理表格数据...
因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...
其表格组件(`Ext.grid.GridPanel`)是其最具特色的功能之一,广泛应用于数据展示和管理。 #### 二、代码分析 在本例中,我们首先引入了必要的 ExtJS 相关文件,包括样式表、脚本等资源。 ```html ...