`
ccxw1983
  • 浏览: 27034 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

EditorGridPanel中 根据行记录的值决定某行或者某行中的哪些列是否可以编辑

阅读更多
EditorGridPanel中 根据行记录的值决定某行或者某行中的哪些列是否可以编辑

参考源码,覆盖 isCellEditable 方法,如:

cm = new Ext.grid.ColumnModel({
	columns : [new Ext.grid.RowNumberer(), {
				header : '备注',
				width : 600,
				sortable : true,
				dataIndex : 'remark'
			}, {
				header : '值',
				width : 150,
				sortable : true,
				dataIndex : 'value',
				editable : true,// 必须默认为true,否则 isCellEditable 没法用
				editor : new Ext.form.TextField({
							allowBlank : true,
							blankText : '',
							selectOnFocus : true,
							maxLength : 200
						})
			}],
	/* 覆盖默认的方法,根据record条件决定是否可以编辑 */
	isCellEditable : function(col, row) {
		var rec = _this_store.getAt(row);
		// var columnIndex =
		// this.findColumnIndex('userName');//可以获得指定名称的列的index
		if (rec.data.canEdit != 1) {
			return false;
		}
		return Ext.grid.ColumnModel.prototype.isCellEditable
				.call(this, col, row);
	}
});

分享到:
评论
1 楼 zuoguoyao 2011-12-05  
  看了楼主的文章,才明白了,,,,,,,,thank you

相关推荐

    可编辑表格Ext.grid.EditorGridPanel

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

    解决editorgridpanel编辑时视图向右移动的问题

    在使用EditorGridPanel进行数据编辑时,用户可能会遇到一个常见的问题,即在单元格编辑过程中,整个视图会向右移动,导致当前编辑的单元格离开视线。这给用户操作带来不便,影响了使用体验。本文将深入探讨这个问题...

    Extjs可编辑的EditorGridPanel

    NULL 博文链接:https://zxf-noimp.iteye.com/blog/629629

    给Extjs的GridPanel增加“合计”行

    - 可以通过遍历Store中的所有记录,对指定列进行求和,得到合计值。 3. **添加合计行模板**: - 定义一个合计行的模板,可以使用EXTJS的XTemplate。模板中包含合计值的占位符,这些占位符将在数据计算完成后被...

    Extjs EditorGridPanel中ComboBox列的显示问题

    然后,我们在ColumnModel中定义了一个列,该列使用`rendererDepartmentCombobox`函数进行渲染,这个函数会根据当前cell的值在`comboxDepartmentStore`中查找对应的记录,并返回displayField的值(在这个例子中是`...

    Ext可编辑的tree,EditorGridPanel

    因为项目的需求,实现一个可以编辑的tree,在网上找了一个牛人写的控件.Ext.ux.maximgb.tg.EditorGridPanel 把源码下载下来以后 不能运行,自己根据给出的列子,另写了一个小程序.不过并没有与数据库交互.

    ext 读取xml 可编辑grid

    EditorGridPanel使用ColumnModel定义列,并且可以通过配置editor属性使某一列变为可编辑。编辑完成后,数据会自动更新到Store中。 3. XML数据支持: EXT JS通过XMLReader实现了对XML数据的读取和解析。XMLReader...

    ExtJS下拉列表树控件

    至于回显问题,即在编辑时显示已有的数据,需要确保在编辑开始时,编辑器的值被设置为对应的记录字段值,可以通过`value`属性设置。 总结起来,ExtJS下拉列表树控件的应用涉及到多个知识点,包括但不限于数据源的...

    GridPanel属性详解

    - **描述**:此属性用于指定哪个列可以自动扩展以填充表格中剩余的空间。其值应为该列的ID。 - **注意事项**:设置`autoExpandColumn`时,该列的ID不能为0。 4. **stripeRows** - **描述**:当设置为`true`时,...

    Ext TreePanel

    7. **Editor**:在`EditorGridPanel`中,用于配置列的编辑器,如`TextField`,可以设定是否允许空白(`allowBlank`)等。 8. **有效性验证**:在提交数据前,应对用户输入进行验证,以确保数据的正确性,这可以通过...

    bs架构html编辑

    描述中的“网页里面添加Excel导入导出”意味着在Web应用中,用户可以将数据从Excel文件导入到系统中,也可以将系统内的数据导出到Excel文件。这是一个非常实用的功能,尤其对于需要处理大量结构化数据的场景,例如...

    treePanel与gridPanel技术实现页面的增删改查

    - GridPanel通过`ColumnModel`定义列的显示和行为,包括列宽、对齐方式、是否可编辑等。 - 表格中的行可以被选中,通过监听`cellclick`或`rowselect`事件,可以响应用户的选择操作。 - GridPanel的编辑功能通常...

    ext3 gridRowEditor本地数据简单demo,有注释

    标题中的"ext3 gridRowEditor本地数据简单...通过对这个demo的学习,你可以了解如何在ExtJS 3.x中创建一个具有行编辑功能的表格,以及如何处理本地数据。这对于开发任何需要用户编辑表格数据的应用程序都是很有帮助的。

    extjs中grid中嵌入动态combobox的应用

    有时候我们需要在Grid的某列中嵌入ComboBox组件,以提供动态选择数据的功能。本文将详细阐述在Ext JS版本3.0中,如何将动态ComboBox嵌入Grid并实现相关功能。 首先,要实现Grid中的ComboBox嵌入功能,需要了解几个...

    Html Web模拟Excel电子表格

    其内置的EditorGridPanel可以实现单元格的编辑,而ColumnModel则允许自定义列的样式和行为。另外,Store对象可以用于管理表格的数据,包括数据的加载、保存和同步。 数据存储是另一个关键环节。在Web环境中,数据...

    EXT2.0 GRID 示例

    2. **列配置**:GRID的列可以通过配置对象定制,包括列宽、标题、对齐方式、是否可排序、可编辑等属性。还可以添加自定义的列渲染器来改变数据显示样式。 3. **行编辑**:EXT GRID支持行内编辑,用户可以直接在表格...

    ssh+extjs4.0grid增删改查

    - 添加EditorGridPanel,允许在Grid中直接编辑单元格数据。 - 实现Model和Proxy,Model定义数据字段,Proxy配置数据源,如JsonP或Restful API。 4. **Grid的CRUD操作**: - 增加:通过Grid的行插入功能,调用...

    ext的edittreegrid实现

    在EXT JS库中,"ext的edittreegrid实现"是一种功能强大的组件,它结合了树形视图(Tree)和编辑网格(EditorGrid)的功能,允许用户在具有层次结构的数据上进行直观的编辑操作。这个组件对于那些需要管理结构化且...

    ExtJS2.0实用简明教程

    开发者可以通过配置列模型、数据源、编辑器等实现个性化功能。 **五、选项面板TabPanel** `TabPanel`组件允许在一个容器中创建多个标签页,每个标签页可以包含不同的内容或组件。这为创建多视图的应用提供了便利,...

Global site tag (gtag.js) - Google Analytics