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 删除多行问题的更多相关文章

  1. jquery easyui datagrid改变某行的值

    $("#DeterminateMembers").datagrid("updateRow",{index:index,row:{fzr:"0" ...

  2. JQuery easyUi datagrid 中 editor 动态设置最大值最小值

    前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考.   问题 JQuery easyUi datagri ...

  3. jquery easyui datagrid 获取Checked选择行(勾选行)数据

    原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...

  4. 扩充 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)

    客户需求: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) 如图所示,Datagrid 鼠标悬停/离开数据行时 ...

  5. 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)

    客户需求: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) 如图所示,Datagrid 鼠标悬停/离开数据行时 ...

  6. JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列

    转自   http://blog.csdn.net/tianlincao/article/details/7494467 前言 JQuery easyUi datagrid 中 使用datagrid生 ...

  7. jquery easyui datagrid使用参考

    jquery easyui datagrid使用参考   创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid.代码如下: 页面上 ...

  8. 扩展jquery easyui datagrid编辑单元格

    扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...

  9. jquery easyui datagrid 加每页合计和总合计

    jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...

随机推荐

  1. openstack常规操作命令梳理

    之前顺利部署了openstack+kvm的虚拟化云平台管理环境,其中,涉及到不少openstack操作命令,记录如下: 查看rabbitmq 队列[root@openstack ~]#rabbitmq ...

  2. python将文件写成csv文件保存到本地

    举个例子: import csv import os path='/tmp/' file='test.csv' def generate_csv(path,file): if not os.path. ...

  3. html2canvas手机端模糊问题

    待解决.测试对于图片之类的没有影响.但是文字在手机上看起来比较模糊.

  4. getEl mask 用法

  5. [tools]QuickPing

    一款神器 quickping 能够很快的探测出该网断分出去哪些地址.   在线的会显示绿色 在线的+有主机名的显示为亮绿色

  6. Resource interpreted as Script but transferred with MIME type text/plain:

    我用script做ajax跨域,请求返回的是个文本字符串,chrome提示:Resource interpreted as Script but transferred with MIME type ...

  7. Android EventBus源码解析 带你深入理解EventBus

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/40920453,本文出自:[张鸿洋的博客] 上一篇带大家初步了解了EventBus ...

  8. js学习第二篇简单语法

    字符串(String)字面量 可以使用单引号或双引号 数组(Array)字面量 定义一个数组: [40, 100, 1, 5, 25, 10] 对象(Object)字面量 定义一个对象: {first ...

  9. 使用Windows Live Writer发布日志

    前言 Windows Live Writer是非常不错的一个日志发布工具,支持本地写文章,然后通过点击一个按钮就发布到网站上,如果借助插件,还可以同时发布到多个博客网站,功能非常强大,很多博友认识她之 ...

  10. Python面试题 —— 获取列表中位数

    中位数是一个可将数值集合划分为相等的上下两部分的一个数值.如果列表数据的个数是奇数,则列表中间那个数据就是列表数据的中位数:如果列表数据的个数是偶数,则列表中间那2个数据的算术平均值就是列表数据的中位 ...