easyui crud demo1

// 测试环境
/*$(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'
   });
  }
}

你可能感兴趣的:(easyui)