EasyUI 根据 ID 多个删除

来源：互联网发布：淘宝买会员怎么全封了编辑：程序博客网时间：2024/05/03 21:00

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/common/common.jspf" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>登陆界面</title>
<script type="text/javascript">
$(function(){
$('#dg').datagrid({
url:'${proPath}/supplier/supplierList.action', //***.action
columns:[[
{checkbox:'true'},
{field:'supId',title:'供应商编号',width:100},
{field:'supName',title:'供应商名称',width:100},
{field:'supLinkman',title:'供应商联系人',width:100},
{field:'supPhone',title:'供应商电话',width:100},
{field:'supAddress',title:'供应商地址',width:100},
{field:'supRemark',title:'供应商类型',width:100},
]] ,
toolbar: [{
iconCls: 'icon-add',
handler: function(){alert('添加按钮')}
},'-',{
iconCls: 'icon-edit',
handler: function(){
alert('编辑按钮')
}
},'-',{
iconCls: 'icon-remove',
handler: function(){
alert('删除按钮')
var rows=$('#dg').datagrid('getSelections');
if(rows.length==0){
alert("选框不能为空!");
return
}

var array=new Array();
for(var i=0;i<rows.length;i++){

array[i]=rows[i].supId;

}
alert(array);

//easyUi $.messager.confirm Messager（消息窗口）
$.messager.confirm('确认','您确认想要删除记录吗？',function(r){
if (r){
$.ajax({
url:"${proPath}/supplier/deleteById.action",
data:{id:array},
//设置为传统方式传送参数通常用于传送数组或集合
traditional:true,
type:'post',
dataTpye:'json',
success:function(aa){
if(aa>0){
alert("删除成功！");
//删除后刷新重载行。等同于'load'方法，但是它将保持在当前页。
$('#dg').datagrid('reload')
//如果有 idField 有指定字段就要清除所有选择的行
$('#dg').datagrid('clearSelections')
}else{
alert("删除失败！");
}
},
error:function(XMLHttpRequest, textStatus, errorThrown){
$.messager.alert("'删除错误','请联系管理员！','error'");
}
})
}
});

}
},'-',{
iconCls: 'icon-search',
handler: function(){alert('查询按钮')}
},'-',{
text:'<input id="ss" type="text" name="supName" />'
}],
striped:true, //是否显示斑马线效果。
pagination:true, //如果为true，则在DataGrid控件底部显示分页工具栏。
pageList:[5,10,15,20,25],//在设置分页属性的时候初始化页面大小选择列表。
pageSize:5,//在设置分页属性的时候初始化页面大小。
rownumbers : true,//如果为true，则显示一个行号列。
fit : true,
fitColumns : true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
//可以翻页选中多选框
idField:'supId'
});

$('#ss').searchbox({
searcher:function(value){
$('#dg').datagrid('load', {
supName:"%"+value+"%",
});
},
prompt:'供应商名称查询'
});

});

</script>
</head>
<body>

<table id="dg"></table>
</body>
</html>

0 0

EasyUI 根据 ID 多个 删除

EasyUI 根据 ID 多个删除