`

ExtGrid 客户端 查看、添加、删除数据

    博客分类:
  • EXT
阅读更多
请关注新浪微博 账号:屌丝开发控(http://weibo.com/u/3356934744

获取选中的记录
var records = grid.getSelectionModel().getSelections();
var record = grid.getSelectionModel().getSelected();

客户端删除数据
var store = this.getStore();
for(var i= 0; i < records.length; i++){
         var record = records[i];
         store.remove(record);
}
store.commitChanges();



        //添加
        _doAdd : function(){
                var record = new Ext.grid.PropertyRecord({
                        ROrderDetailCode: '',
                        InnerProductDetail: '',
                        Count: '',
                        OriginalValue: '',
                        Remark: ''
            });
                this.stopEditing();  
            this.store.insert(0, record);
            this.startEditing(0,0);
        },
分享到:
评论

相关推荐

    一个很好的EXTGRID实例

    5. **编辑功能**:EXTGRID可以配置为行编辑或单元格编辑模式,方便用户直接在网格中添加、修改和删除数据。 6. **扩展性**:EXTGRID支持各种插件和扩展,如工具栏、分组视图、拖放功能、树形网格等,增强功能和交互...

    ExtGrid使用

    ExtGrid是Ext JS库中的一个核心组件,常用于在Web应用程序中展示数据并提供操作功能。这个例子在.NET环境中展示了如何有效地使用ExtGrid,包括显示数据、增删改查(CRUD)操作以及分页功能。下面将详细介绍这些知识...

    深入浅出Ext_JS:数据存储与传输

    数据存储具有加载、刷新、添加、删除和更新数据的能力,并且能够监听数据变化,实时同步UI。此外,Store与Grid、Tree等组件紧密配合,实现数据的展示和交互。 在数据传输过程中,Ext JS提供了Ajax请求(Ext.Ajax)...

    Ext表格中增删改查实例

    本文将深入探讨如何在Ext Grid中实现增删改查(CRUD)操作,这些操作是任何数据管理应用的基础。 首先,我们需要了解`Ext.grid.Panel`,它是Ext JS中的主要表格组件。这个组件可以显示大量数据,并提供了分页、排序...

    EXT 复杂表头插件

    EXT是Sencha公司开发的一款基于JavaScript的富客户端应用框架,主要应用于构建数据密集型的Web应用程序。EXT Grid是EXT框架中的一个核心组件,用于展示结构化的数据,类似于电子表格。在EXT Grid中,表头(Header)...

    ssh+extjs4.0grid删除数据

    在IT行业中,SSH(Spring、Struts和Hibernate)是一个经典的Java Web开发框架组合,而ExtJS则是一个流行的JavaScript库,用于构建富客户端的Web应用程序,特别是数据网格(Grid)功能。这里我们关注的是如何在SSH...

    封装Ext.grid.Grid+dwr实现增删该查

    `Ext.grid.Grid`是Ext JS库中的一个组件,用于创建可交互的数据网格,而DWR(Direct Web Remoting)则是一种允许JavaScript和Java在浏览器端进行安全、高效通信的技术。本篇文章将深入探讨如何利用这两者结合,实现...

    Ext中对于多种store数据分页实现示例

    当数据集发生变化时,例如新增、删除或更新记录,EXT JS会自动更新分页状态。`Store`监听`load`事件,可以在此事件中更新分页控件的状态。 5. **自定义分页逻辑**: 如果服务器的API不符合EXT JS默认的分页方式,...

    ext后台经典实例

    4. **Grid**:EXT Grid是展示表格数据的组件,常用于数据查看和编辑。用户可以通过Grid进行选择、排序、过滤和编辑数据。在"EXT后台经典实例"中,Grid通常与Store结合,动态显示从服务器获取的数据。 5. **控制器...

    ext文档 和实例

    EXT Form还允许动态地添加、删除或修改表单字段,使得交互性更强。例如,`ext_formhUФ.doc`可能包含关于如何创建、布局、验证和提交EXT Form的具体步骤和示例代码。 二、EXT Grid EXT Grid是一种灵活的数据显示...

    Ext JS 删除的代码

    3. **数据操作**:通过`Ext.grid.SelectionModel`获取选中记录,以及通过AJAX进行数据删除。 4. **用户交互**:通过`Ext.Msg.confirm`进行用户确认操作,提供友好的UI提示。 5. **页面导航**:使用`window.location`...

    Java Ext2.0 数据交互

    在IT行业中,Java和Ext2.0的结合广泛应用于构建富客户端应用,提供直观、交互性强的用户界面。本文将详细探讨"Java Ext2.0数据交互"这一主题,包括如何进行增删改查操作以及如何处理XML文件。 首先,Ext2.0是Ext JS...

    Ext4mvc实现grid

    Ext4mvc是一个基于Ext JS 4的MVC(Model-View-Controller)框架,用于构建富客户端Web应用程序。这个框架将Ext JS的功能与MVC设计模式相结合,帮助开发者更好地组织和管理代码,提高项目的可维护性和可扩展性。在...

    Ext增加,修改,删除,查询

    在IT领域,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一整套组件和功能,包括数据管理、用户界面元素以及强大的数据展示能力。标题和描述提到的"增加,修改,删除,查询"(CRUD操作...

    ext动态列

    EXT JS中的Grid Panel是常用的数据显示组件,而动态列的功能则为Grid Panel增加了灵活的可配置性。 1. **EXT Grid Panel** - Grid Panel是EXT JS中的核心组件,用于展示二维数据,通常用于显示和编辑表格数据。 -...

    ext2 grid 封装 (包含增删改查 导入导出等操作)

    标题 "ext2 grid 封装 (包含增删改查 导入导出等操作)" 暗示了这是一个关于ExtJS 2.x版本中Grid组件的封装实践,该封装集成了基本的数据操作功能,如添加(Add)、删除(Delete)、修改(Modify)和查询(Query)...

    基于Ext2.0自动配置grid的插件

    ExtJS是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序,其UI组件丰富,其中包括Grid组件。Grid组件在数据展示和操作方面具有极高的灵活性,是数据密集型应用的理想选择。"基于Ext2.0自动配置grid的...

    EXT学习小例子

    通过行命令列,可以添加删除按钮。 4. **表单操作**:FormPanel用于收集和编辑数据,通常在添加新记录或编辑现有记录时使用。表单字段(如文本框、下拉框等)与数据模型的属性绑定,提交表单时,数据会自动更新到...

    通过ext实现CURD

    EXT,全称EXT JS,是一款基于JavaScript的UI库,用于构建富客户端的Web应用程序。它提供了大量的组件和功能,能够帮助开发者创建具有复杂交互和精美外观的网页应用。本教程将详细讲解如何利用EXT实现SQL Server数据...

    ext与数据交互增删改查大全

    要在EXTJS 中添加数据,首先创建一个新的Model 实例,设置其属性值,然后将该实例添加到Store 中。Store 会自动调用配置的Proxy 来发送POST请求到服务器,将新数据插入到MySQL 数据库中。 3. **删(Delete)**: ...

Global site tag (gtag.js) - Google Analytics