前端框架Easey UI（二）表格控件的查找与删除操作消息提示对话框

全查

将后台所有的数据传播的前台，在之前hibernate和struts整合获取到数据的基础上，只需将访问时的路径设置到表格控件的url属性中，

同时保证表格的列属性field的值与后台模型（实体类）的属性值一致即可。

$("#dg").datagrid({
url : 'userAction!findUserWithPage',
columns : [ [ {
field : 'id',
title : '用户ID',
width : 80,
checkbox : true,
align : 'center'
}] ]

})

})

分页查询

在service写方法统计后台的数据的条数，返回值是int类型，但是调用dao层的方法返回值是Object,Object不能直接转成int类型因此先转成long再次转成int类型。

public static int getUserCount(){
Object obj=BaseDao.getObject("select count(*) from User");
long count=(Long)obj;
return (int)count;
}

该框架分页时前台有两个参数，在控制器中为接收参数定义两个integer类型的变量、并书写其set、get方法。该方法中有两个内容都要传送到前台且要转成Json格式，因此用map集合将两个参数写入，要与前台框架进行配合map的键必须是下面写的值，不能随便写。数据库的分页从0开始，前台从1开始，因此在传参时需要注意数值差。

public void findUserWithPage()throws Exception{
List<User> list=UserService.findUserWithPage((page-1)*rows, rows);
int count=UserService.getUserCount();
Map<String, Object> data=new HashMap<String,Object>();
data.put("rows", list);
data.put("total", count);
toJSON(data);
}

如果想对数据库中的值在前台显示时进行转变，例如性别在数据库中存的是0和1，想要在页面显示男女，需要在控制器中对查询出来的值依次遍历，根据值进行判断和修改，判断要写成并列的，每个判断用一条if语句。

for (User user : list) {
if ("1".equals(user.getSex())) {
user.setSex("男");
}
if ("0".equals(user.getSex())) {
user.setSex("女");
}
}

条件查询

在之前的网页上点击查询按钮，可以按照输入框中的内容进行查询，为按钮添加点击事件，运用id选择器拿到表格，配置load或者reload方法（该框架的方法都是通过配置），方法的参数通过id选择器获取对应标签的值，select标签的值因用到框架的自定义组合框，不能通过val()得到其中的值，需要用该控件的getValue方法得到。

$(function() {
$("#searchBut").click(function(){
$("#dg").datagrid('reload',{
usex: $("#sex").combobox('getValue'),
userName:$("#username").val()
})
})

load和reload方法区别

load param 载入并显示第一页的记录，如果传递了'param'参数，它将会覆盖查询参数属性的值。通过传递一些参数，通常做一个查询，这个方法可以被称为从服务器加载新数据。
$('#dg').datagrid('load',{
code: '01',
name: 'name01'
});
reload param 重载记录，跟'load'方法一样但是重载的是当前页的记录而非第一页。

修改service层，新添加参数获取前台数据，对前台传来的数据进行判断，在数据有值时将其附加到HQL语句中。

public static List<User>findUserWithPage(int page,int rows,String sex, String userName){
StringBuffer HQL =new StringBuffer("from User where 1=1");
if(!"".equals(sex)&&sex!=null){
HQL.append("  and   sex='"+sex+"'");
}
if(!"".equals(userName)&&userName!=null){
HQL.append("  and   username like '%"+userName+"%'");
}
return (List<User>) BaseDao.findWithPage(HQL.toString(), page, rows);
}

控制器层新建成员变量，属性名与前台方法的参数名一致，并创建其对应的set、get方法。

为什么前台数据传到后台没有乱码：strut内置的过滤器可以处理乱码问题。

删除

getSelections： none 返回所有被选择的行，当没有记录被选择时，将返回一个空数组。

为删除按钮添加事件，调用getselections方法，根据该方法返回值的长度判断有没有行被选中，没有数据时提示选择数据，为了方便查询，只传数组中的id值，循环遍历返回的数组获取拿其id值。调用getJSON第一个参数跳转到哪里，第二个参数是传给后台的值，第三个参数是一个方法，根据返回值判断是否删除成功，成功后重新刷新表格，不成功给出提示。

$("#removeBut").click(function(){
if($("#dg").datagrid('getSelections').length==0){
alert('请选择删除数据');
}
else{
var ids=[];
var array=$("#dg").datagrid('getSelections');
for(var i in array){
ids.push(array[i].id);
}
$.getJSON("userAction!delUserInfoById",{"id[]":ids},function(flag){
if(flag){
alert('删除数据成功')
$("#dg").datagrid('reload')
}else{
alert('删除数据失败')
}
})
}
})

service层创建对应的方法，通过id获取到要删除的对象，在调用删除方法删除该对象。

public static boolean delUserInfo(Integer id){
User user=(User) BaseDao.getObject("from User where id="+id);
try {
BaseDao.deleteObj(user);
return true;
} catch (Exception e) {
e.printStackTrace();
return false;
}
}

控制器层，数组不能通过模型装配装，也不能通过list集合，因此用

getRequest().getParameterValues("id[]");

获取，参数是前台传参时的参数名称，

循环获取到的参数，并将参数转换为integer类型来调用service层的方法。

public void delUserInfoById() throws Exception{
boolean flag=false;
String ids[]=getRequest().getParameterValues("id[]");
if(ids.length>0){
for (String string : ids) {
flag=UserService.delUserInfo(Integer.parseInt(string));
}
}
toJSON(flag);
}

消息提示对话框

在帮助文档中窗口的消息窗体中可以找到，都是方法，在自己需要的地方直接拿去用，如在删除成功后显示，如何书写本文不做讲述，自己去帮助文档中查询即可。

在是否确认删除是，运用确认对话框，当在弹出的对话框中选择取消时，选中的内容需要回滚，不调用后台完成该功能，需要用表格的unselectAll方法将选择的行取消。

unselectAll none 取消选择所有页面的行

$.messager.confirm('删除确认', '是否确认删除', function(r){
if (r){
$.getJSON("userAction!delUserInfoById", {
"id[]" : ids
}, function(flag) {
if (flag) {
alert('删除数据成功')
$.messager.show({
title : '消息提示',
msg : '删除成功',
timeout : 5000,
showType : 'slide'
});

$("#dg").datagrid('reload')
} else {
alert('删除数据失败')
}
})
}else
{
$("#dg").datagrid('unselectAll');
}
});