jqGrid与Struts2的结合应用（三） —— 使用自定义表单对话框编辑Grid数据

上一篇中的最后一点提到了，如果在服务器端出现异常，没能完成预期的操作，那么客户端（浏览器）中的jqGrid还继续更新数据吗?

这一篇就来说说服务器端的操作。

首先看一下服务器端的代码，我将查看行数据和操作行数据放在了两个Action类里面：ViewContactAction和ContactConsoleAction。

package cn.gengv.struts2ex.jqGrid; import java.util.List; import com.byzl.hare.model.Contact; import com.byzl.hare.model.PatentCase; import com.byzl.hare.service.ContactService; import com.opensymphony.xwork2.ActionSupport; @SuppressWarnings("serial") public class ViewContactAction extends ActionSupport { private Contact contact; private List<PatentCase> patentCases; private ContactService contactService; private String ajaxResult; public String viewContact() { int id = contact.getId(); contact = contactService.queryById(contact.getId()); if (contact == null) { ajaxResult = "未能找到ID为 " + id + " 的联系人"; return ERROR; } ajaxResult = SUCCESS; return SUCCESS; } public Contact getContact() { return contact; } public void setContact(Contact contact) { this.contact = contact; } public String getAjaxResult() { return ajaxResult; } public void setAjaxResult(String ajaxResult) { this.ajaxResult = ajaxResult; } public void setContactService(ContactService contactService) { this.contactService = contactService; } public List<PatentCase> getPatentCases() { return patentCases; } public void setPatentCases(List<PatentCase> patentCases) { this.patentCases = patentCases; } }

 

package cn.gengv.struts2ex.jqGrid; import com.byzl.hare.model.Contact; import com.byzl.hare.service.ContactService; import com.opensymphony.xwork2.ActionSupport; @SuppressWarnings("serial") public class ContactConsoleAction extends ActionSupport { private ContactService contactService; private Contact contact; private String ajaxResult; // 创建新的Contact public String createContact() { try { contact.setId(this.contactService.addNew(contact)); ajaxResult = SUCCESS; return SUCCESS; } catch (Exception e) { e.printStackTrace(); this.addActionError(e.getMessage()); ajaxResult = "创建新联系人失败!" + e.getMessage(); return ERROR; } } // 更新Contact信息 public String updateContact() { try { this.contactService.update(contact); } catch (Exception e) { e.printStackTrace(); this.addActionError(e.getMessage()); ajaxResult = "更新联系人信息失败!" + e.getMessage(); return ERROR; } ajaxResult = SUCCESS; return SUCCESS; } // 删除Contact public String deleteContact() { try { this.contactService.delete(contact); } catch (Exception e) { e.printStackTrace(); this.addActionError(e.getMessage()); ajaxResult = "删除联系人失败!" + e.getMessage(); return ERROR; } ajaxResult = SUCCESS; return SUCCESS; } public Contact getContact() { return contact; } public void setContact(Contact contact) { this.contact = contact; } public String getAjaxResult() { return ajaxResult; } public void setAjaxResult(String ajaxResult) { this.ajaxResult = ajaxResult; } public void setContactService(ContactService contactService) { this.contactService = contactService; } }

 

说明：

• 因为客户端会和Server进行ajax交互，所以我在类里面加入了一个成员变量ajaxResult，用来保存操作实际的结果。当action产生json类型的result时，这个成员变量也会被串行化进json结果中，发送到客户端。客户端的javascript代码会解析这个值，以执行相应操作。
• 这两个类都是用了Object-backed Action的方式来传递数据（关于Object-backed Action可以参考《Struts2 in Action》一书的3.4节）。

 

在配置文件中，按如下配置Action：

<action name="viewContact" class="cn.gengv.struts2ex.jqGrid.ViewContactAction" method="viewContact"> <result name="success" type="json"> <param name="includeProperties"> contact.*, ajaxResult </param> <param name="noCache">true</param> <param name="ignoreHierarchy">false</param> <param name="excludeNullProperties">true</param> </result> </action> <action name="createContact" class="cn.gengv.struts2ex.jqGrid.ContactConsoleAction" method="createContact"> <result name="success" type="json"> <param name="includeProperties"> contact/.id, ajaxResult </param> <param name="noCache">true</param> <param name="ignoreHierarchy">false</param> </result> </action> <action name="updateContact" class="cn.gengv.struts2ex.jqGrid.ContactConsoleAction" method="updateContact"> <result name="success" type="json"> <param name="includeProperties"> contact/.id, ajaxResult </param> <param name="noCache">true</param> <param name="ignoreHierarchy">false</param> </result> </action> <action name="deleteContact" class="cn.gengv.struts2ex.jqGrid.ContactConsoleAction" method="deleteContact"> <result name="success" type="json"> <param name="includeProperties"> contact/.id, ajaxResult </param> <param name="noCache">true</param> <param name="ignoreHierarchy">false</param> </result> </action>

 

说明：

• 请注意result的类型为json，而且includeProperties属性中包括ajaxResult这个成员变量名；
• 由于添加contact时，id属性值是由后台自动生成的，因此需要将这个值传回客户端作为Grid的行id值。

服务器端的代码似乎没有什么更多需要说明的地方了，应该一目了然。

 

 

 

 

下面看看客户端部分，这里面似乎有不少值得说明一下的部分。

首先看一下html的完整代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <title>jqGrid03</title> <l