jQuery MiniUI

标题: datagrid跳转后台action [打印本页]
作者: Lcfer    时间: 2015-8-31 09:35:14     标题: datagrid跳转后台action

  1. 前台部分代码：
  2. <div id="datagrid1" class="mini-datagrid"
  3.                         style="width:100%;height:700px;"
  4.                         url="findReceiptEmail.action" idField="id"
  5.                         allowResize="true" pageSize="20" allowCellEdit="true"
  6.                         allowCellSelect="true" multiSelect="true" allowCellValid="true"
  7.                         oncellvalidation="onCellValidation">
  8.                         <div property="columns">
  9.                                 <div type="checkcolumn"></div>
  10.                                 <div field="checkState" width="60" headerAlign="center" allowSort="true">状态
  11.                                 </div>
  12.                                 <div field="userName" width="120" headerAlign="center"
  13.                                         allowSort="true">发件人</div>
  14.                                 <div field="theme" width="120" headerAlign="center" allowSort="true">主题</div>
  15.                                 <div field="sendTime" vtype="required;date" width="100"
  16.                                         headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">时间</div>
  17.                                 <div field="important" width="60" headerAlign="center" allowSort="true"></div>
  18.                         </div>
  19.                 </div>
复制代码
Action代码：
  1. public class FindEmailAction extends ActionSupport {
  2.         private HttpServletRequest request = ServletActionContext.getRequest();
  3.         private HttpServletResponse response = ServletActionContext.getResponse();
  4.        
  5.         public String execute(){
  6.             //分页
  7.             int pageIndex = Integer.parseInt(request.getParameter("pageIndex"));
  8.             int pageSize = Integer.parseInt(request.getParameter("pageSize"));        
  9.             //字段排序
  10.             String sortField = request.getParameter("sortField");
  11.             String sortOrder = request.getParameter("sortOrder");
  12.             
  13.             String userName = "Lcfer";
  14.             
  15.             FindEmailDao findEmailDao = new FindEmailDaoImpl();
  16.             HashMap result = null;
  17.                 try {
  18.                         result = findEmailDao.findReceiptEmail(userName, pageIndex, pageSize, sortField, sortOrder);
  19.                 } catch (Exception e1) {
  20.                         e1.printStackTrace();
  21.                 }
  22.             
  23.             String json = Test.JSON.Encode(result);
  24.                 System.out.println("FindEmployeeServlet json : "+json);
  25.                 try {
  26.                         response.getWriter().write(json);
  27.                 } catch (IOException e) {
  28.                         e.printStackTrace();
  29.                 }
  30.                 return SUCCESS;
  31.         }
  32. }
复制代码
Struts.xml代码：
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
  3. <struts>
  4.         <include file="struts-default.xml" />
  5.         <package name="oaAction" extends="struts-default">
  6.                 <action name="addEmail" class="com.hospital.actions.oaAction.AddEmailAction">
  7.                         <result>Splitter.jsp</result>
  8.                 </action>
  9.                 <action name="findReceiptEmail" class="com.hospital.actions.oaAction.FindEmailAction">
  10.                         <result>Splitter.jsp</result>
  11.                 </action>
  12.         </package>
  13. </struts>  
复制代码
mini-datagrid里一直没有显示数据！但点击表头排序的时候，myeclipse的控制台能够输出正确json。想请教一下mini-datagrid里的字段的field是否要和json里的key一致？数据类型（特别是date）是否有什么需求呢？


作者: dforce    时间: 2015-8-31 09:43:20

不明白你的问题，
MiniUI只是前端控件，你后台返回符合我们格式要求的数据就能显示
你这个表格代码，我没看到grid.load()之类的加载代码
作者: Lcfer    时间: 2015-8-31 09:51:14

dforce 发表于 2015-8-31 09:43
不明白你的问题，
MiniUI只是前端控件，你后台返回符合我们格式要求的数据就能显示
你这个表格代码，我没看 ...

<div id="datagrid1" class="mini-datagrid"
                        style="width:100%;height:700px;"
                        url="findReceiptEmail.action" idField="id"
                        allowResize="true" pageSize="20" allowCellEdit="true"
                        allowCellSelect="true" multiSelect="true" allowCellValid="true"
                        oncellvalidation="onCellValidation">

不是可以用url来自动获取数据的嘛？
作者: Lcfer    时间: 2015-8-31 10:02:16

dforce 发表于 2015-8-31 09:43
不明白你的问题，
MiniUI只是前端控件，你后台返回符合我们格式要求的数据就能显示
你这个表格代码，我没看 ...

我明白了，是我错了.....新手一枚不好意思啊！！
还有个问题想请教一下
加载的时候提示我 json is error.
我的json是这样的
{"total":18,"data":[{"sendTime":"2015-08-30T11:20:00","userName":"Lcfer","important":1,"checkState":1,"theme":"gfdgdf"}(后面还有17条数据就不写上了了)]这个格式我是模仿demo做的，有什么错误吗？
作者: dforce    时间: 2015-8-31 10:41:08

Lcfer 发表于 2015-8-31 10:02
我明白了，是我错了.....新手一枚不好意思啊！！
还有个问题想请教一下
加载的时候提示我 json is error. ...

json error应该是数据格式不对，你可以参考一下我们struts的例子
http://miniui.com/bbs/forum.php? ... &extra=page%3D1
作者: Lcfer    时间: 2015-8-31 10:54:19

dforce 发表于 2015-8-31 10:41
json error应该是数据格式不对，你可以参考一下我们struts的例子
http://miniui.com/bbs/forum.php?mod=v ...

好的，谢谢！已解决。。。。没有加out.flush();导致的问题



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2