<%@ 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>
<%@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>