easyui 修改单元格内容_easyui表格的增删改查

Insert title here

//把long型的日期格式转成yyyy-MM-dd格式

function getDate(date)

{//得到日期对象

var d=newDate(date);//得到年月日

var year =d.getFullYear();var month=(d.getMonth()+1);var day=d.getDate();var rtn=year+"-"+(month<10?"0"+month:month)+"-"+(day<10?"0"+day:day);returnrtn;

}var type="add";

$(function(){//创建data_grid

$("#st").datagrid({

url:'StudentServlet', //数据来源//冻结列//列的定义

columns:[[

{field:'idd',checkbox:true},

{field:'sno',title:'学生编号',width:50},

{field:'sname',title:'学生姓名',width:50},

{field:'ssex',title:'性别',width:50,align:'right'},

{field:'sbirthday',title:'生日',width:50,align:'center',

formatter: function (value, row, index) {if(value && value!= "")

{//var val = new Date(value);//return val.toLocaleDateString();

returngetDate(value)

}else{return "";

}

}

},

{field:'sclass',title:'班级',width:50,align:'right'}

]],

fitColumns:true,//列自适应宽度，不能和冻结列同时设置为true

striped:true,//斑马线效果

idField:'sno',//主键列

rownumbers:true,//显示行号

singleSelect:false,//是否单选

pagination:true,//显示分页栏

pageList:[10,20,50,100],//每页行数选择列表

pageSize:10,//出事每页行数

remoteSort:true,//是否服务器端排序，设成false，才能客户端排序

sortName:'sno',//设置排序列

sortOrder:'desc',//排序方式

toolbar:[{iconCls:'icon-search',text:'查询',handler:function(){//序列化查询表单

var f=$("#form2").serialize();//alert(f);

$("#st").datagrid({url:"StudentServlet?"+f}).datagrid('load');

}},{iconCls:'icon-add',text:'添加',handler:function(){

type="add";//清楚表单的旧数据

$("#sno").textbox({readonly:false});

$("#form1").form("reset");

$("#saveStu").dialog('open');

}},{iconCls:'icon-edit',text:'修改',handler:function(){

type="edit";//判断是否选中一条记录

var data=$('#st').datagrid('getSelected');if(data)

{//alert(data);//设置主键字段只读

$("#sno").textbox({readonly:true});

$("#form1").form("reset");

$('#form1').form('load',{sno:data.sno,

sname:data.sname,ssex:data.ssex,sbirthday:getDate(data.sbirthday),

sclass:data.sclass

});//没有databox可以使用//$('#form1').form('load',data);

$("#saveStu").dialog({title:'修改学生'}).dialog('open');

}else{

$.messager.show({title:'提示',msg:'请选中一条记录'});

}

}},{iconCls:'icon-remove',text:'删除',handler:function(){var data=$('#st').datagrid('getSelections');if(data.length>0)

{//alert("选中条数="+data.length);

$.messager.confirm("确认","确实要删除吗？",function(r){if(r)

{//alert("执行删除sno="+data[0].sno);//$.get("DeleteStudentServlet?sno="+data[0].sno,//利用数组，保存选中记录的主键

var snos=[];for(var i=0;i

{

snos[i]=data[i].sno;

}

$.get("DeleteStudentServlet?snos="+snos,

function(rtn){var msg=eval("("+rtn+")");if(msg.success)

{

$('#st').datagrid('reload');

}

$.messager.show({title:"提示",msg:msg.message});

});

}

});

}else{

$.messager.show({title:'提示',msg:'请至少选中一条记录'});

}

}}]

});

})

名称：班级：

学号：
名称：
性别：	男女
生日：
班级：