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 ...
随机推荐
- openstack常规操作命令梳理
之前顺利部署了openstack+kvm的虚拟化云平台管理环境,其中,涉及到不少openstack操作命令,记录如下: 查看rabbitmq 队列[root@openstack ~]#rabbitmq ...
- python将文件写成csv文件保存到本地
举个例子: import csv import os path='/tmp/' file='test.csv' def generate_csv(path,file): if not os.path. ...
- html2canvas手机端模糊问题
待解决.测试对于图片之类的没有影响.但是文字在手机上看起来比较模糊.
- getEl mask 用法
- [tools]QuickPing
一款神器 quickping 能够很快的探测出该网断分出去哪些地址. 在线的会显示绿色 在线的+有主机名的显示为亮绿色
- Resource interpreted as Script but transferred with MIME type text/plain:
我用script做ajax跨域,请求返回的是个文本字符串,chrome提示:Resource interpreted as Script but transferred with MIME type ...
- Android EventBus源码解析 带你深入理解EventBus
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/40920453,本文出自:[张鸿洋的博客] 上一篇带大家初步了解了EventBus ...
- js学习第二篇简单语法
字符串(String)字面量 可以使用单引号或双引号 数组(Array)字面量 定义一个数组: [40, 100, 1, 5, 25, 10] 对象(Object)字面量 定义一个对象: {first ...
- 使用Windows Live Writer发布日志
前言 Windows Live Writer是非常不错的一个日志发布工具,支持本地写文章,然后通过点击一个按钮就发布到网站上,如果借助插件,还可以同时发布到多个博客网站,功能非常强大,很多博友认识她之 ...
- Python面试题 —— 获取列表中位数
中位数是一个可将数值集合划分为相等的上下两部分的一个数值.如果列表数据的个数是奇数,则列表中间那个数据就是列表数据的中位数:如果列表数据的个数是偶数,则列表中间那2个数据的算术平均值就是列表数据的中位 ...