首页
IT
登录
6mi
u
盘
搜
搜 索
IT
EasyUI根据 ID 多个 删除
EasyUI根据 ID 多个 删除
xiaoxiao
2021-03-25
70
<%@ 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> <!--
第一种方式：
声明控件：class="easyui-控件名"
声明属性和事件：data-options="属性:'属性值',属性:'属性值',事件名:'function(){...};'"
第二种方式（基于JS）：
声明控件：$('选择器').控件名({});
声明属性和事件：$('选择器').控件名({属性:'属性值',属性:'属性值',事件名:'function(){...};'})
声明方法：$('选择器').控件名("方法名", "传给方法参数");
--> <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> <!-- DataGrid（数据表格） --> <table id="dg"></table> </body> </html>
转载请注明原文地址: https://ju.6miu.com/read-15752.html
技术
最新回复
(
0
)
