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);
}
});
分享到:
相关推荐
Ext.grid.EditorGridPanel是Ext JS库中的一个组件,主要用于创建具有可编辑单元格的表格。这个组件在数据展示和编辑方面提供了丰富的功能,是构建数据密集型应用的理想选择。下面将详细阐述其特点、工作原理及如何...
在使用EditorGridPanel进行数据编辑时,用户可能会遇到一个常见的问题,即在单元格编辑过程中,整个视图会向右移动,导致当前编辑的单元格离开视线。这给用户操作带来不便,影响了使用体验。本文将深入探讨这个问题...
NULL 博文链接:https://zxf-noimp.iteye.com/blog/629629
- 可以通过遍历Store中的所有记录,对指定列进行求和,得到合计值。 3. **添加合计行模板**: - 定义一个合计行的模板,可以使用EXTJS的XTemplate。模板中包含合计值的占位符,这些占位符将在数据计算完成后被...
然后,我们在ColumnModel中定义了一个列,该列使用`rendererDepartmentCombobox`函数进行渲染,这个函数会根据当前cell的值在`comboxDepartmentStore`中查找对应的记录,并返回displayField的值(在这个例子中是`...
因为项目的需求,实现一个可以编辑的tree,在网上找了一个牛人写的控件.Ext.ux.maximgb.tg.EditorGridPanel 把源码下载下来以后 不能运行,自己根据给出的列子,另写了一个小程序.不过并没有与数据库交互.
EditorGridPanel使用ColumnModel定义列,并且可以通过配置editor属性使某一列变为可编辑。编辑完成后,数据会自动更新到Store中。 3. XML数据支持: EXT JS通过XMLReader实现了对XML数据的读取和解析。XMLReader...
至于回显问题,即在编辑时显示已有的数据,需要确保在编辑开始时,编辑器的值被设置为对应的记录字段值,可以通过`value`属性设置。 总结起来,ExtJS下拉列表树控件的应用涉及到多个知识点,包括但不限于数据源的...
- **描述**:此属性用于指定哪个列可以自动扩展以填充表格中剩余的空间。其值应为该列的ID。 - **注意事项**:设置`autoExpandColumn`时,该列的ID不能为0。 4. **stripeRows** - **描述**:当设置为`true`时,...
7. **Editor**:在`EditorGridPanel`中,用于配置列的编辑器,如`TextField`,可以设定是否允许空白(`allowBlank`)等。 8. **有效性验证**:在提交数据前,应对用户输入进行验证,以确保数据的正确性,这可以通过...
描述中的“网页里面添加Excel导入导出”意味着在Web应用中,用户可以将数据从Excel文件导入到系统中,也可以将系统内的数据导出到Excel文件。这是一个非常实用的功能,尤其对于需要处理大量结构化数据的场景,例如...
- GridPanel通过`ColumnModel`定义列的显示和行为,包括列宽、对齐方式、是否可编辑等。 - 表格中的行可以被选中,通过监听`cellclick`或`rowselect`事件,可以响应用户的选择操作。 - GridPanel的编辑功能通常...
标题中的"ext3 gridRowEditor本地数据简单...通过对这个demo的学习,你可以了解如何在ExtJS 3.x中创建一个具有行编辑功能的表格,以及如何处理本地数据。这对于开发任何需要用户编辑表格数据的应用程序都是很有帮助的。
有时候我们需要在Grid的某列中嵌入ComboBox组件,以提供动态选择数据的功能。本文将详细阐述在Ext JS版本3.0中,如何将动态ComboBox嵌入Grid并实现相关功能。 首先,要实现Grid中的ComboBox嵌入功能,需要了解几个...
其内置的EditorGridPanel可以实现单元格的编辑,而ColumnModel则允许自定义列的样式和行为。另外,Store对象可以用于管理表格的数据,包括数据的加载、保存和同步。 数据存储是另一个关键环节。在Web环境中,数据...
2. **列配置**:GRID的列可以通过配置对象定制,包括列宽、标题、对齐方式、是否可排序、可编辑等属性。还可以添加自定义的列渲染器来改变数据显示样式。 3. **行编辑**:EXT GRID支持行内编辑,用户可以直接在表格...
- 添加EditorGridPanel,允许在Grid中直接编辑单元格数据。 - 实现Model和Proxy,Model定义数据字段,Proxy配置数据源,如JsonP或Restful API。 4. **Grid的CRUD操作**: - 增加:通过Grid的行插入功能,调用...
在EXT JS库中,"ext的edittreegrid实现"是一种功能强大的组件,它结合了树形视图(Tree)和编辑网格(EditorGrid)的功能,允许用户在具有层次结构的数据上进行直观的编辑操作。这个组件对于那些需要管理结构化且...
开发者可以通过配置列模型、数据源、编辑器等实现个性化功能。 **五、选项面板TabPanel** `TabPanel`组件允许在一个容器中创建多个标签页,每个标签页可以包含不同的内容或组件。这为创建多视图的应用提供了便利,...