对于Easyui相信大家都不陌生,但是对于数据的增删改查大家都是单行操作,如果有多行数据需要 进行增加,删除,更新操作你们会选择怎么做的,比如对于这种情况。
,估计一时半会还是有一部分童鞋想不出解决,这里给大家提个醒,我们可以给每一行数据添加一个复选框。
easyui中datagrid的getSelections的方法:
返回所有被选择的行,当没有记录被选择时,将返回一个空数组。
将getSelections方法得到的数组,此时我们可以声明一个变量 var temp;
var temp;
var check = $("#TeacherTable").datagrid('getSelections');
for(int i=0;i<check.length;i++)
{
temp=temp+JSON.stringify(check[i]);
}
这里我们可以吧获取的temp作为参数传递到后台
$.ajax({
url: '/testaction/update.do',
type: post,
async: true,
dataType: 'json',
data: {'temp': temp}
success: function (data) {
if(data.message=='ok'!){
alert(data.message);
}else{
alert(data.message);
return;
}
//重新加载表格数据
$('#dg').datagrid('reload');
}
});
下边就可以在后台接收了
//获取参数
String temp = request.getParameter(temp);
//格式转换
temp = ens.replace(}{, },{);
temp = [ + temp.toString() + ];
JSONArray array =JSONArray.fromObject(temp.toString());
List listDetail=(List)JSONArray.toCollection(array, JobContentDetail.class);
相信大家看到上边的描述会感受到EasyUI的强大,至少我们在批量操作方面不会太为难了。哈哈,如果对你有帮助请给个赞哦。