您的位置:首页 > Web前端 > JQuery

Jquery easyui datagrid 删除多行问题

2015-11-15 14:22 555 查看
前台代码
<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>





删除成功

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: