Jquery easyui datagrid 删除多行问题
http://www.cnblogs.com/Dtscal/archive/2012/07/04/2576639.html
最近模仿了刘冬大哥的<开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo>之后发现一个问题就是前台datagrid如果删除多行之后,然后再编辑就不能进入对应的行信息.如图:
前台选择多行->删除
删除成功
这里变成了删除的编码,
前台代码
<script type="text/javascript"> $(function () { $('#test').datagrid({ title: '风格信息', iconCls: 'icon-save', fit: true, nowrap: false, striped: true, //collapsible: true, url: '/GenerManage/LoadAllByPage/', sortName: 'GenreId', remoteSort: false, idField: 'GenreId', frozenColumns: [[ { field: 'ck', checkbox: true } ]], columns: [[ { field: 'GenreId', title: '编码', width: '80', align: 'center' }, { field: 'Name', title: '名称', width: '200', align: 'left' }, { field: 'Desctiption', title: '描述', width: '350', align: 'left' } ]], pagination: true, rownumbers: true, toolbar: [{ id: 'btnadd', text: '添加', iconCls: 'icon-add', handler: function () { this.href = '/GenerManage/View/'; } }, { id: 'btnupdate', text: '修改', iconCls: 'icon-save', handler: function () { var rows = $('#test').datagrid('getSelected'); if (rows) { this.href = "/GenerManage/View/" + rows.GenreId; } else { $.messager.alert('提示', '请选择要修改的数据'); return; } } }, '-', { id: 'btncut', text: '删除', iconCls: 'icon-cut', handler: function () { //获取表格选择行 var rows = $('#test').datagrid('getSelections'); //判断是否选择行 if (!rows || rows.length == 0) { $.messager.alert('提示', '请选择要删除的数据!', 'info'); return; } var parm; //循环给提交删除参数赋值(音乐风格编码) $.each(rows, function (i, n) { if (i == 0) { parm = "idList=" + n.GenreId; } else { parm += "&idList=" + n.GenreId; } }); $.messager.confirm('提示', '是否删除选中数据?', function (r) { if (!r) { return; } //提交 $.post('/GenerManage/Delete/', parm, function (msg) { if (msg.IsSuccess) { $.messager.alert('提示', msg.Message, 'info', function () { //重新加载当前页 $('#test').datagrid('reload'); }); } else { $.messager.alert('提示', msg.Message, 'info') } }); }); } }] }); var p = $('#test').datagrid('getPager'); if (p) { $(p).pagination({ onBeforeRefresh: function () { alert('before refresh'); } }); } }); </script> |
后台代码
//显示创建或者修改信息 public ActionResult View(int? id) { Genre g = (from gener in msdb.Genre where gener.GenreId == id select gener).FirstOrDefault(); if (g == null) g = new Genre(); return View(g); } [HttpPost] public ActionResult Delete(IList<int> idList) { //判断判断是否删除多行数据 if (idList.Count > 1) { foreach (int i in idList) { var gener = from g in msdb.Genre where g.GenreId == i select g; msdb.Genre.DeleteAllOnSubmit(gener); } } else { var gener = from g in msdb.Genre where g.GenreId == idList.First() select g; msdb.Genre.DeleteAllOnSubmit(gener); } //这里删除多条记录的时候提示varchar-int失败所以用上面的办法 // msdb.Genre.DeleteAllOnSubmit(idList.Cast<Genre>().ToList()); msdb.SubmitChanges(); return Json(new { IsSuccess = true, Message = "删除成功" }); } |
Jquery easyui datagrid 删除多行问题的更多相关文章
- jquery easyui datagrid改变某行的值
$("#DeterminateMembers").datagrid("updateRow",{index:index,row:{fzr:"0" ...
- JQuery easyUi datagrid 中 editor 动态设置最大值最小值
前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考. 问题 JQuery easyUi datagri ...
- jquery easyui datagrid 获取Checked选择行(勾选行)数据
原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...
- 扩充 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)
客户需求: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) 如图所示,Datagrid 鼠标悬停/离开数据行时 ...
- 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)
客户需求: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) 如图所示,Datagrid 鼠标悬停/离开数据行时 ...
- JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列
转自 http://blog.csdn.net/tianlincao/article/details/7494467 前言 JQuery easyUi datagrid 中 使用datagrid生 ...
- jquery easyui datagrid使用参考
jquery easyui datagrid使用参考 创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid.代码如下: 页面上 ...
- 扩展jquery easyui datagrid编辑单元格
扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...
- jquery easyui datagrid 加每页合计和总合计
jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...
随机推荐
- UOJ 151 斗地主“加强”版
#151. [NOIP2015]斗地主“加强”版 统计 描述 提交 自定义测试 本题开放Hack 牛牛最近迷上了一种叫斗地主的扑克游戏.斗地主是一种使用黑桃.红心.梅花.方片的A到K加上大小王的共54 ...
- Linux下的MySQL简单操作(服务启动与关闭、启动与关闭、查看版本)
小弟今天记录一下在Linux系统下面的MySQL的简单使用,如下: 服务启动与关闭 启动与关闭 查看版本 环境 Linux版本:centeros 6.6(下面演示),Ubuntu 12.04(参见文章 ...
- Android清单文件详解(三)----应用程序的根节点<application>
<application>节点是AndroidManifest.xml文件中必须持有的一个节点,它包含在<manifest>节点下.通过<application>节 ...
- iOS 定位精度
时间 2015-03-19 18:30:59 图灵社区 由于iOS不能直接控制到GPS,一般来说我们都会使用CLLocationManager来获取地理位置信息,我们会使用 manager.des ...
- 信息安全系统设计基础实验一:Linux开发环境的配置和使用
北京电子科技学院(BESTI) 实验报告 课程:信息安全系统设计基础 班级:1353 姓名:芦畅 傅冬菁 学号:20135308 20135311 成绩: 指导教师:娄家鹏 ...
- 开始学习node.js了,第一节,fs文件系统 【fs.rename】重命名文件/文件夹
var fs=require('fs');fs.rename('c:\\a','c:\\a2',function(err){ if(err) console.log('error:'+err);}); ...
- 八款Android 开发者必备的小工具
Photo from https://www.airpair.com 在做Android 开发过程中,会遇到一些小的问题,虽然自己动手也能解决,但是有了一些小工具,解决这些问题就得心应手了,今天就为大 ...
- git点滴的积累
git的基本学习的网址: http://www.yiibai.com/git/git_update_operation.html 0.git首次上传代码 http://www.cnblogs.com/ ...
- node的实践(项目二)
找以前看看简单的demo,看看node是怎么操作Mongo然后又是渲染前台的,与前面的项目一中的对比. 1.操作Mongo数据库的方法和方式. var mongodb = require('./db' ...
- form表单用ge方式提交时ie显示中文参数乱码
有网友说 通过给form表单添加accept-charset="gb2312"和 onsubmit="document.charset='gb2312'" 但这 ...