`

editorGrid点击图片删除一行

 
阅读更多
捕捉单元格的单击事件,判断单元格是有图片的那一列的.是这一列的话就执行函数.在函数中间获得当前的grid被选中行的行号.然后通过这个行号来删除store中的记录.

listeners :{cellclick':function(grid,rowIndex,columnIndex,e){
            if(columnIndex==2){
              var record= grid.getStore().getAt(rowIndex);
               grid.getStore().remove(record);
            }
           }
        }

加入2是图片(打叉)所放的列,那么通过以上就可以做到貌似点击打叉就可以删除掉本行
分享到:
评论

相关推荐

    MySQL,DWR,JSON,EXT 实现EditorGrid

    使用EXT的EditorGrid,实现前台页面对数据直接进行增删改查操作。用户的友好性较好,已经实现分页功能。例子中使用了DWR和JSON.含MySQL数据库脚本,并已加入Log4j日志记录。本例详细讲解可以参见:...

    深入浅出ExtJS第2版

    3.11.1 制作一个简单的EditorGrid 55 3.11.2 添加一行数据 56 3.11.3 保存修改结果 58 3.11.4 验证EditGrid中的数据 59 3.11.5 限制输入数据的类型 60 3.12 属性表格控件--PropertyGrid 63 3.12.1 Property...

    AJAX 入门视频之 Ext 2.0.1 & DWR 1表格实时编辑器实例

    EditorGrid是Ext提供的一种可编辑的表格控件,它允许用户直接在表格单元格内编辑数据,提升了用户体验。在这个实例中,开发者利用EditorGrid实现了实时编辑功能,用户可以直接在表格中修改数据,而无需跳转到新的...

    EXT2.0中文教程

    2.8.2. 添加一行,再把它踢掉 2.8.3. 一切就绪,你可以按保存按钮了。 2.8.4. 天马行空,保证提交的数据绝对有效 2.8.5. 限制类型,让用户只能选择我们提供的数据 2.9. 连坐法,关于选择模型 2.10. 2.0有,1.x里没有...

    Ext中xtype和vtype.

    * editorgrid:一个编辑器网格组件,用于编辑数据。 * grid:一个网格组件,用于显示数据。 * paging:一个分页工具栏组件,用于分页显示数据。 * panel:一个面板组件,用于容纳其他组件。 * progress:一个进度条...

    ext的edittreegrid实现

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

    ExtJs + api + 笔记 + 完整包

    ExtJs 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。它提供了丰富的用户界面组件,如数据绑定、网格、表单、菜单、树形结构等,使得开发人员能够创建功能丰富的交互式网页应用。本资源包含ExtJs的...

    EfsFrame(java开发框架) v2.2 源代码.rar

    c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对行的单元格进行编辑)(授权用户可用) d)扩展高级插件grid扩展列插件(授权用户可用) EfsFrame主要特点: 基于Ext的优秀企业级开源框架(精通一种、...

    EfsFrame(net开发框架) v2.2 源代码.rar

    c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对行的单元格进行编辑)(授权用户可用) d)扩展高级插件grid扩展列插件(授权用户可用) EfsFrame主要特点: 基于Ext的优秀企业级开源框架(精通一种、...

    EfsFrame(php开发框架) 2.2.rar

    c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对行的单元格进行编辑)(授权用户可用) d)扩展高级插件grid扩展列插件(授权用户可用) EfsFrame主要特点: 基于Ext的优秀企业级开源框架(精通一种...

    EfsFrame(php开发框架) v2.2 源代码.rar

    c)扩展高级插件editorgrid(可动态的添加、修改、删除行,对行的单元格进行编辑)(授权用户可用) d)扩展高级插件grid扩展列插件(授权用户可用) EfsFrame主要特点: 基于Ext的优秀企业级开源框架(精通一种、...

    Ext 开发指南 学习资料

    2.8.2. 添加一行,再把它踢掉 2.8.3. 一切就绪,你可以按保存按钮了。 2.8.4. 天马行空,保证提交的数据绝对有效 2.8.5. 限制类型,让用户只能选择我们提供的数据 2.9. 连坐法,关于选择模型 2.10. 2.0有,1.x里没有...

    ExtJS的xtype列表

    ExtJS 是一个强大的JavaScript应用程序框架,它提供了丰富的用户界面组件,用于构建富客户端应用。`xtype` 是ExtJS中的一个重要概念,它是组件类的简写形式,用于在配置对象中声明组件类型,使得代码更加简洁。理解...

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

    - **功能描述**:Cycle Button 是一种特殊类型的按钮,点击时可以在一组预定义的值之间循环切换。 - **主要用途**:适用于需要在几个固定选项间切换的场景。 **2.2 DataView (Ext.DataView)** - **xtype**: `...

    精通JS脚本之ExtJS框架.part2.rar

    9.3.2 添加一行数据 9.3.3 保存修改结果 9.3.4 验证EditGrid中的数据 9.3.5 限制输入数据的类型 9.4 PropertyGrid属性表格控件 9.4.1 PropertyGrid简介 9.4.2 只读的PropertyGrid 9.4.3 对name列强制排序并...

    精通JS脚本之ExtJS框架.part1.rar

    9.3.2 添加一行数据 9.3.3 保存修改结果 9.3.4 验证EditGrid中的数据 9.3.5 限制输入数据的类型 9.4 PropertyGrid属性表格控件 9.4.1 PropertyGrid简介 9.4.2 只读的PropertyGrid 9.4.3 对name列强制排序并...

    Ext 4.1.0 中文API

    Ext 4.1.0 是一个非常重要的JavaScript框架,主要用于构建富客户端的Web应用程序。它由Sencha公司开发,提供了一套完整的组件模型、数据绑定、事件系统和强大的图形功能,使得开发者能够创建复杂的、交互性强的Web...

    extjs 项目整理

    - **MenuPanel**: 菜单面板,用于展示一系列可点击的菜单项,通常用于导航。 - **Tree**: 树形结构组件,用于展示层次化的数据结构,支持各种交互操作,如展开/折叠节点、选择节点等。 #### 事件处理 - **Nodeclick...

    EXT教程EXT用大量的实例演示Ext实例

    表格可以动态添加列,调整列宽,支持分页,甚至可以结合EditorGrid实现行的编辑和动态添加。Ext JS 2.0相较于1.x版本,表格控件的功能和API有更多的优化和改进。表格的分页功能可以通过前端工具条实现,也可以通过...

Global site tag (gtag.js) - Google Analytics