在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
来源:互联网 发布:淘宝开放平台 教程 编辑:程序博客网 时间:2024/06/02 07:30
问题描述:在可编辑表格中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中。
1:我的可编辑表格:
2:选中一行后,点击删除一行按钮:
3:删除成功后:
就是当我点击“提交”按钮时,仍然会插入数据库中两条记录(包括我删除的那一行数据)。
我的删除一行的代码:
/* * 1:grid是当前的可编辑表格 我的是:var grid = newExt.grid.EditorGridPanel({}); * 2: store是可编辑表格中定义的数据源,我的是:var store = newExt.data.JsonStore({}); */ var sm = grid.getSelectionModel(); var cell =sm.getSelectedCell(); var record =store.getAt(cell[0]); store.remove(record);
解决方法:在你的store中添加属性配置选项:
pruneModifiedRecords: true
API中解释:此值为true将在 store被加载或者一条记录被删除时,清除所有记录的修改信息(默认为false。也就是说当我点击删除一行操作时,其实被删除的那一行数据还是存在的,只是不显示罢了,如果配置该选项为true,当我们执行删除一行操作时,就会把要删除的那一行数据给清除掉。
如下:
var store = new Ext.data.JsonStore({ data : data, pruneModifiedRecords : true, fields : ['detailCosts','detailType','detailPaid','detailDescription',{name : 'detailTime',type : 'date', dateFormat : 'Y-m-d'}] });
添加后就执行删除行操作后,再点击提交按钮就不会把原来已经删除的那些数据提交到后台了!
补充:
新增一行:
Var countnum=10;//你的可编辑表格的初始最大行数 var p = new Record({ detailCosts : '', detailType : '', detailPaid : '2', detailTime : '', detailDescription : '' }); grid.stopEditing(); store.insert(countnum,p); countnum++;
上移:
var sm =grid.getSelectionModel(); var cell = sm.getSelectedCell(); var record = store.getAt(cell[0]); var index = cell[0]; if(index > 0){ store.remove(record); store.insert(index-1,record) grid.getView().refresh(); }
下移:
var sm =grid.getSelectionModel(); var cell = sm.getSelectedCell(); var record = store.getAt(cell[0]); var index = cell[0]; if(index < store.getCount()-1){ store.remove(record); store.insert(index+1,record) grid.getView().refresh(); }
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
- jqury 获取表格中点击删除图标后要删除一行的元素数据
- angular中删除表格数据的一行
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 动态表格,通过按钮增加行,删除时删除选择的checkbox那一行
- 在JS表格中怎么删除一行(不是指定行,而是我表格中每行后面都有一个删除按钮,按其中一个按钮就删除那一行
- 动态表格,通过点击按钮增加或者删除一行表格!
- JQ点击按钮动态克隆一行表格以及删除表格
- 添加可动态变化的输入框,点击添加增加一行,点击删除删除一行
- 在数据库服务端,添加一个表格,然后在MFC中对数据库表格的数据做插入、删除和修改
- Android中ListView通过ContextMenu删除当前点击的一行数据
- 点击按钮实现表格动态添加或删除一行
- JTable中删除一行数据
- 表格中数据的编辑和删除
- 使用临时表在list和reapter之间做数据的传递(双击view,数据进入到repeater中,点击reapter中的删除按钮进行删除)
- DATAGRIDVIEW动态筛选数据,实现编辑之后,点击按钮更新,及删除选中的列到数据库。
- IOS7 UITableView一行滑动删除后 被删除行的下一行的点击事件将被忽略解决办法
- Sql Server 中的字符串拆分函数
- android 源代码反编译教程
- Android 线程池管理
- Linux特性集锦
- libIconv.lib编码库的生成和使用(2)
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
- Android管理应用程序资源
- ffmpeg框架结构解读
- Sql Server 中如何循环遍历查询结果
- 读书与学习
- ubuntu 建立samba
- hdu2199 Can you solve this equation? (二分搜索)
- 【python初学】Python批量解压RAR脚本
- Android UI界面