// 测试环境
/*$(function(){
alert($===jQuery);
$.messager.alert('提示','内容')
});*/
$(function(){
$("#mydatagrid").datagrid({
title:'用户列表',
width:500,
height:'auto',
idField:'id',
fitColumns:true,
loadMsg:'正在加载数据,请稍等........',
pagination:true,
pageSize:10,
pageList:[5,10,15,20],
pageNumber:2,
striped:true,
nowrap:true,
url:'../../userServlet?method=pageList&time='+new Date().getTime(),
columns:[[
{field:'id',title:'编号',width:100,hidden:true},
{field:'name',title:'名字',width:100},
{field:'sex',title:'性别',width:100},
{field:'birthdayStr',title:'出生日期',width:100},
{field:'hobby',title:'爱好',width:100,align:'center'}
]],
toolbar:[
{text:'新增',iconCls:'icon-add',handler:function(){newUser();}},
{text:'编辑',iconCls:'icon-edit',handler:function(){editUser();}},
{text:'移除',iconCls:'icon-remove',handler:function(){removeUser();}}
]
});
});
function newUser(){
$('#myform').form('clear');
$('#mydialog').dialog('open').dialog('setTitle','新增用户');
}
function saveUser(){
$("#myform").form('submit',{
url:'../../userServlet?method=edit',
onSubmit:function(){
return $(this).form('validate');
},
success:function(result){
$("#mydialog").dialog('close');
$("#mydatagrid").datagrid('unselectAll');
$('#mydatagrid').datagrid('reload');
$.messager.show({
title:'系统提示',
msg:result,
timeout:3000,
showType:'slide'
});
}
});
}
function editUser(){
var model=$("#mydatagrid").datagrid('getSelected');
if(model){
$.ajax({
type:'post',
url:'../../userServlet?method=get',
data:{id:model.id},
dataType:'json',
success:function(user){
$("#mydialog").dialog('open')
$('#myform').form('load',user);
}
});
}
}
function removeUser(){
var model=$("#mydatagrid").datagrid('getSelected');
if(model){
$.messager.confirm('系统提示','您确定要删除数据吗?',function(r){
if(r){
$.post('../../userServlet?method=delete',{id:model.id},function(result){
$("#mydatagrid").datagrid('unselectAll');
$("#mydatagrid").datagrid('reload');
$.messager.show({
title:'系统提示',
msg:result,
timeout:3000,
showType:'slide'
});
});
}
})
}else{
$.messager.show({
title:'系统提示',
msg:'请先选择要删除的数据',
timeout:3000,
showType:'slide'
});
}
}
/*$(function(){
alert($===jQuery);
$.messager.alert('提示','内容')
});*/
$(function(){
$("#mydatagrid").datagrid({
title:'用户列表',
width:500,
height:'auto',
idField:'id',
fitColumns:true,
loadMsg:'正在加载数据,请稍等........',
pagination:true,
pageSize:10,
pageList:[5,10,15,20],
pageNumber:2,
striped:true,
nowrap:true,
url:'../../userServlet?method=pageList&time='+new Date().getTime(),
columns:[[
{field:'id',title:'编号',width:100,hidden:true},
{field:'name',title:'名字',width:100},
{field:'sex',title:'性别',width:100},
{field:'birthdayStr',title:'出生日期',width:100},
{field:'hobby',title:'爱好',width:100,align:'center'}
]],
toolbar:[
{text:'新增',iconCls:'icon-add',handler:function(){newUser();}},
{text:'编辑',iconCls:'icon-edit',handler:function(){editUser();}},
{text:'移除',iconCls:'icon-remove',handler:function(){removeUser();}}
]
});
});
function newUser(){
$('#myform').form('clear');
$('#mydialog').dialog('open').dialog('setTitle','新增用户');
}
function saveUser(){
$("#myform").form('submit',{
url:'../../userServlet?method=edit',
onSubmit:function(){
return $(this).form('validate');
},
success:function(result){
$("#mydialog").dialog('close');
$("#mydatagrid").datagrid('unselectAll');
$('#mydatagrid').datagrid('reload');
$.messager.show({
title:'系统提示',
msg:result,
timeout:3000,
showType:'slide'
});
}
});
}
function editUser(){
var model=$("#mydatagrid").datagrid('getSelected');
if(model){
$.ajax({
type:'post',
url:'../../userServlet?method=get',
data:{id:model.id},
dataType:'json',
success:function(user){
$("#mydialog").dialog('open')
$('#myform').form('load',user);
}
});
}
}
function removeUser(){
var model=$("#mydatagrid").datagrid('getSelected');
if(model){
$.messager.confirm('系统提示','您确定要删除数据吗?',function(r){
if(r){
$.post('../../userServlet?method=delete',{id:model.id},function(result){
$("#mydatagrid").datagrid('unselectAll');
$("#mydatagrid").datagrid('reload');
$.messager.show({
title:'系统提示',
msg:result,
timeout:3000,
showType:'slide'
});
});
}
})
}else{
$.messager.show({
title:'系统提示',
msg:'请先选择要删除的数据',
timeout:3000,
showType:'slide'
});
}
}