`
leiwuluan
  • 浏览: 707275 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

关于Ext的EditorGridPanel实时修改数据后保存到数据库

阅读更多

在一边我们用到EditorGridPanel的afteredit事件来监听。

grid.on('afteredit', afterEdit, this );

function afterEdit(e) {
    // execute an XHR to send/commit data to the server, in callback do (if successful):
    e.record.commit();
};

 

var r = obj.record;//获取被修改的行
var c = obj.field;//获取被修改的列

 

2
1
分享到:
评论

相关推荐

    可编辑表格Ext.grid.EditorGridPanel

    3. 提交更改:编辑完成后,EditorGridPanel会触发相应的事件,如afteredit,开发者可以通过监听这些事件来处理数据更新。 四、使用步骤 1. 创建Store:定义数据模型并加载数据。 2. 定义列模型:配置每列的字段名、...

    Ext 连接数据库的相关操作

    在这个例子中,我们将探讨如何使用EXT连接SQL Server数据库,实现Editgridpanel的数据展示、分页、查询和删除功能。 首先,EXT中的Editgridpanel是一个可编辑的表格组件,用于显示和编辑数据。它集成了数据绑定和行...

    ext 读取xml 可编辑grid

    在EXT JS框架中,"ext 读取xml 可编辑grid"是一个常见的需求,涉及到的主要知识点包括EXT的数据对象、EditorGridPanel的使用以及EXT对XML数据格式的支持。下面将详细阐述这些内容。 EXT JS是一个强大的JavaScript库...

    Ext可编辑的tree,EditorGridPanel

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

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

    标题中的"ext3 gridRowEditor本地数据简单demo"是指基于ExtJS 3.x版本的一个示例,它展示了如何使用GridPanel的RowEditor组件来编辑表格数据。ExtJS是一个流行的JavaScript库,用于构建富客户端应用程序,而ext3是其...

    Ext TreePanel

    编辑时,`EditorGridPanel`会使用这些编辑器来控制用户的输入,并在用户完成编辑后将更改应用到原始数据。此外,确保在提交数据到服务器之前进行有效性验证是至关重要的,因为这可以防止无效或错误的数据被保存。 ...

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

    EditorGridPanel是Ext JS库中的一个组件,它结合了数据网格和表单编辑的功能,允许用户直接在网格的单元格内编辑数据。当用户点击某个单元格进行编辑时,编辑器应该在原单元格位置弹出,但有时由于某种原因,整个...

    Ext.net后台分页增删改

    更新数据则在用户编辑单元格后,调用`store.commitChanges()`保存更改。 在服务器端,我们需要创建对应的控制器和动作来处理这些操作。例如,分页查询可能需要一个返回JsonResult的动作,接收页码和每页大小作为...

    EXT2.0 GRID 示例

    3. **行编辑**:EXT GRID支持行内编辑,用户可以直接在表格中修改数据,这需要结合EditorGridPanel和Form Field组件来实现。 4. **排序和过滤**:GRID可以实现列点击排序,通过配置`sortable`属性和`sortInfo`对象...

    ext的edittreegrid实现

    3. **添加CellEditing插件**:EXT JS的CellEditing插件使用户能够点击单元格进行编辑,完成后自动保存更改。需在GridPanel上启用此插件,并为每列指定编辑器。 4. **绑定事件**:监听树节点的点击事件,以便在需要...

    EXT_JS实用开发指南

    EXT JS应用的启动通常从`Ext.onReady`函数开始,这是因为EXT JS库加载完成后才会执行这个函数内的代码。这意味着开发者可以在此函数内编写初始化应用的逻辑,确保所有依赖都已准备就绪。例如,可以创建一个简单的...

    Ext组件说明 Ext组件概述

    总之,Ext框架的组件库为开发者提供了极其丰富的工具,涵盖了从基础UI元素到复杂数据处理的各种需求。熟练掌握这些组件的使用,将大大提升开发效率和应用质量。对于初学者来说,逐步学习并实践每个组件的特性和用法...

    .net Ext 开发

    例如,使用Store与Model定义数据结构,GridPanel展示数据,EditorGridPanel支持直接在网格中编辑,以及FormPanel用于添加和修改数据,这些都是ExtJS实现CRUD操作的关键组件。 接下来,我们探讨树形结构的应用,特别...

    Ext表格控件和树控件

    ### Ext表格控件和树...通过以上内容,我们可以看到 `GridPanel`、`EditorGridPanel` 和 `TreePanel` 在 Ext JS 中的应用非常广泛,它们提供了强大的数据展示和编辑能力,同时也为开发者提供了高度的灵活性和定制性。

    Extjs可编辑的EditorGridPanel

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

    Ext3.0 api帮助文档

    - **Ext.grid.EditorGridPanel**: 提供单元格级别的编辑功能。 6. **表单(Forms)** - **Ext.form.FormPanel**: 创建表单的容器,支持多种表单元素和验证。 - **Ext.form.Field**: 表单字段类,如文本框、选择...

    Ext组件描述,各个组件含义

    **2.5 Editor Grid Panel (Ext.grid.EditorGridPanel)** - **xtype**: `editorgrid` - **功能描述**:Editor Grid Panel 是一个支持行级编辑的网格面板。 - **主要用途**:适合于需要对表格中的数据进行编辑的场景...

    EXT核心API详解

    73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65 1、Ext类 addBehaviors(Object obj) : void 对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如 addBehaviors({ ...

    extjs3连接mysql数据库实现增删查改功能

    你还可以添加编辑功能,例如使用`Ext.grid.EditorGridPanel`,使得用户可以直接在表格内编辑数据。 6. **表单组件(Form)**: 创建`Ext.form.FormPanel`用于输入和编辑数据。配置`fields`为你的数据模型,`url`为...

    Ext grid合并单元格

    此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、ColumnModel 的配置以及数据绑定等关键概念。 ### 一、Ext JS Grid 概览 Ext JS 是一个...

Global site tag (gtag.js) - Google Analytics