JqGrid与struts2第一个实例

于 2019-08-04 08:00:43 发布
阅读量92 收藏
点赞数
原文链接：http://www.cnblogs.com/wshsdlau/archive/2013/01/17/2865536.html
版权

JqGrid与struts2第一个实例

3. 第一个实例 3.1 服务器端 用于提供数据的Action。为了可以复用这种专门接受jqGrid传来参数的Action，我抽象出一个基本类。具体代码如下：
view plaincopy to clipboardprint?
package cn.gengv.struts2ex.jqGrid;   
import java.util.Collections;  
import java.util.List;  
import com.opensymphony.xwork2.ActionSupport;   
@SuppressWarnings("serial")  
public abstract class JqGridBaseAction<T> extends ActionSupport {  
    // 和jqGrid组件相关的参数属性  
    private List<T> gridModel = Collections.emptyList();  
    private Integer rows = 0;  
    private Integer page = 0;  
    private Integer total = 0;  
    private Integer record = 0;  
    private String sord;  
    private String sidx;  
    private String search;   
     public abstract int getResultSize();   
     public abstract List<T> listResults(int from, int length);   
     public String refreshGridModel() {  
        try {  
            List<T> results = Collections.emptyList();  
            record = this.getResultSize();  
            int from = rows * (page - 1);  
            int length = rows;  
            results = this.listResults(from, length);  
            this.setGridModel(results);  
            total = (int) Math.ceil((double) record / (double) rows);  
            return SUCCESS;  
        } catch (Exception e) {  
            e.printStackTrace();  
            this.addActionError(e.getMessage());  
            return ERROR;  
        }  
    }   
    public List<T> getGridModel() {  
        return gridModel;  
    }  
    public void setGridModel(List<T> gridModel) {  
        this.gridModel = gridModel;  
    }  
    public Integer getRows() {  
        return rows;  
    }  
    public void setRows(Integer rows) {  
        this.rows = rows;  
    }  
    public Integer getPage() {  
        return page;  
    }  
    public void setPage(Integer page) {  
        this.page = page;  
    }  
    public Integer getTotal() {  
        return total;  
    }  
    public void setTotal(Integer total) {  
        this.total = total;  
    }  
    public Integer getRecord() {  
        return record;  
    }  
    public void setRecord(Integer record) {  
        this.record = record;  
    }  
    public String getSord() {  
        return sord;  
    }  
    public void setSord(String sord) {  
        this.sord = sord;  
    }  
    public String getSidx() {  
        return sidx;  
    }  
    public void setSidx(String sidx) {  
        this.sidx = sidx;  
    }  
    public String getSearch() {  
        return search;  
    }  
    public void setSearch(String search) {  
        this.search = search;  
    }  
}
package cn.gengv.struts2ex.jqGrid;
import java.util.Collections;
import java.util.List;
import com.opensymphony.xwork2.ActionSupport;
@SuppressWarnings("serial")
public abstract class JqGridBaseAction<T> extends ActionSupport {
// 和jqGrid组件相关的参数属性
private List<T> gridModel = Collections.emptyList();
private Integer rows = 0;
private Integer page = 0;
private Integer total = 0;
private Integer record = 0;
private String sord;
private String sidx;
private String search;
public abstract int getResultSize();
public abstract List<T> listResults(int from, int length);
public String refreshGridModel() {
   try {
    List<T> results = Collections.emptyList();
    record = this.getResultSize();
    int from = rows * (page - 1);
    int length = rows;
    results = this.listResults(from, length);
    this.setGridModel(results);
    total = (int) Math.ceil((double) record / (double) rows);
    return SUCCESS;
   } catch (Exception e) {
    e.printStackTrace();
    this.addActionError(e.getMessage());
    return ERROR;
   }
}
public List<T> getGridModel() {
   return gridModel;
}
public void setGridModel(List<T> gridModel) {
   this.gridModel = gridModel;
}
public Integer getRows() {
   return rows;
}
public void setRows(Integer rows) {
   this.rows = rows;
}
public Integer getPage() {
   return page;
}
public void setPage(Integer page) {
   this.page = page;
}
public Integer getTotal() {
   return total;
}
public void setTotal(Integer total) {
   this.total = total;
}
public Integer getRecord() {
   return record;
}
public void setRecord(Integer record) {
   this.record = record;
}
public String getSord() {
   return sord;
}
public void setSord(String sord) {
   this.sord = sord;
}
public String getSidx() {
   return sidx;
}
public void setSidx(String sidx) {
   this.sidx = sidx;
}
public String getSearch() {
   return search;
}
public void setSearch(String search) {
   this.search = search;
}
} 说明： 其中的成员变量对应着jqGrid的prmNames和jsonReader中的设置。
成员变量 对应 prmNames 对应 jsonReader 注释
rows rows - 每页中现实的记录行数
search search - 是否是用于查询的请求
sidx sort - 用于排序的列名
sord order - 排序的方式
page page page 当前页码
gridModel - root 用于得到实际数据的数组名称
total - total 总页数
record - records 总记录数 refreshGridModel()方法中，主要工作就是为gridModel、record、total赋值，这些值也将会传回客户端。
具体的一个实现类： view plaincopy to clipboardprint?
package cn.gengv.struts2ex.jqGrid;  
import java.util.Collections;  
import java.util.List;  
@SuppressWarnings("serial")  
public class ListContactsAction extends JqGridBaseAction<Contact> {   
        private ContactService contactService;   
        @Override
    public String execute() {  
        return this.refreshGridModel();  
    }     
    @Override
    public int getResultSize() {  
        return this.contactService.queryResultsCount();  
    }      
    @Override
    public List<Contact> listResults(int from, int length) {  
        List<Contact> results = Collections.emptyList();             
        results = this.contactService.queryByPage(from, length);              
        return results;  
    }  
    public void setContactService(ContactService contactService) {  
        this.contactService = contactService;  
    }         
}
package cn.gengv.struts2ex.jqGrid;
import java.util.Collections;
import java.util.List;
@SuppressWarnings("serial")
public class ListContactsAction extends JqGridBaseAction<Contact> {
private ContactService contactService;
@Override
public String execute() {
   return this.refreshGridModel();
}
@Override
public int getResultSize() {
   return this.contactService.queryResultsCount();
}
@Override
public List<Contact> listResults(int from, int length) {
   List<Contact> results = Collections.emptyList();
   results = this.contactService.queryByPage(from, length);
   return results;
}
public void setContactService(ContactService contactService) {
   this.contactService = contactService;
}
} 而在struts.xml中，应按如下设置配置action： view plaincopy to clipboardprint?
<action name="jqGrid01" class="cn.gengv.struts2ex.jqGrid.ListContactsAction">
    <result name="success" type="json">
        <param name="includeProperties">
            ^gridModel\[\d+\]\.\w+,  
            rows, page, total, record  
        </param>
        <param name="noCache">true</param>
        <param name="ignoreHierarchy">false</param>
    </result>
</action>
<action name="jqGrid01" class="cn.gengv.struts2ex.jqGrid.ListContactsAction">
<result name="success" type="json">
   <param name="includeProperties">
    ^gridModel\[\d+\]\.\w+,
    rows, page, total, record
   </param>
   <param name="noCache">true</param>
   <param name="ignoreHierarchy">false</param>
</result>
</action> 3.2 客户端（浏览器） javascript部分： view plaincopy to clipboardprint?
$(function(){  
    // 配置jqGrid组件  
    $("#gridTable").jqGrid({  
        url: "jqGrid01.action",  
        datatype: "json",  
        mtype: "GET",  
        height: 350,  
        autowidth: true,  
        colModel: [  
              {name:"id",index:"id",label:"ID",width:40},    
              {name:"lastName",index:"lastName",label:"Last Name",width:80,sortable:false},  
              {name:"firstName",index:"firstName",label:"First Name",width:80,sortable:false},  
              {name:"email",index:"email",label:"E-mail",width:160,sortable:false},  
              {name:"telNo",index:"telNo",label:"Tel No",width:120,sortable:false}  
        ],  
        viewrecords: true,  
        rowNum: 15,  
        rowList: [15,50,100],  
        prmNames: {search: "search"},   //(1)  
        jsonReader: {  
            root:"gridModel",       // (2)  
            records: "record",      // (3)  
            repeatitems : false     // (4)  
        },  
        pager: "#gridPager",  
        caption: "联系人列表",  
        hidegrid: false
    });  
});
$(function(){
// 配置jqGrid组件
$("#gridTable").jqGrid({
   url: "jqGrid01.action",
   datatype: "json",
   mtype: "GET",
   height: 350,
   autowidth: true,
   colModel: [
           {name:"id",index:"id",label:"ID",width:40},
        {name:"lastName",index:"lastName",label:"Last Name",width:80,sortable:false},
        {name:"firstName",index:"firstName",label:"First Name",width:80,sortable:false},
        {name:"email",index:"email",label:"E-mail",width:160,sortable:false},
        {name:"telNo",index:"telNo",label:"Tel No",width:120,sortable:false}
   ],
   viewrecords: true,
   rowNum: 15,
   rowList: [15,50,100],
   prmNames: {search: "search"}, //(1)
   jsonReader: {
    root:"gridModel",   // (2)
    records: "record",   // (3)
    repeatitems : false   // (4)
   },
   pager: "#gridPager",
   caption: "联系人列表",
   hidegrid: false
});
}); 其中主要的选项在开头已经介绍过了，另外需要说明以下几点：
1、在位置(1)处，为了配合Server端的Action类中的成员变量命名，将prmNames中search对应的“_search”更改为“search”。
2、在位置(2)(3)处，为了配合Server端的Action类中的成员变量命名，将jsonReader中root对应的“rows”更改为“gridModel”，将records对应的“records”更改为“record”。
在后面的request和response解析中，就可以看到这些更改的作用。 html部分： 要想顺利的使用jqGrid，需要想页面中引入6个文件，其中4个js文件，2个css文件。它们分别是： jquery-ui-1.8.1.custom.css（jQuery UI界面的CSS文件）
ui.jqgrid.custom.css（专用于jqGrid界面的CSS文件）
jquery-1.4.2.min.js（jQuery的核心）
jquery-ui-1.8.1.custom.min.js（用于支持jQuery UI界面）
grid.locale-zh-CN.js（针对jqGrid的locale设置，根据locale不同，选择不同的尾缀）
jquery.jqGrid.min.js（jqGrid的核心，可以到jqGrid网站，根据需求选择模块下载） 注 ：jqGrid的官方包中原本针对中文的locale js文件是grid.locale-cn.js，但是里面的某些设置，并没有做到完全中文化，因此我从Struts2-jQuery插件中分离出grid.locale-zh-CN.js和jquery.ui.datepicker-zh-CN.min.js这两个文件以备后用。说起来这两个文件中，针对中文的设置还是不错的。 引入这6个文件后，创建jqGrid的工作就交给上面写的javascript代码来完成了。 view plaincopy to clipboardprint?
<!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>jqGrid01</title>
        <link rel="stylesheet" type="text/css" media="screen" href="../css/themes/aero/jquery-ui-1.8.1.custom.css" mce_href="css/themes/aero/jquery-ui-1.8.1.custom.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="../css/themes/aero/ui.jqgrid.custom.css" mce_href="css/themes/aero/ui.jqgrid.custom.css" />
          
        <mce:script type="text/javascript" src="../js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script>
        <mce:script src="../js/jquery-ui-1.8.1.custom.min.js" mce_src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></mce:script>
        <mce:script src="../js/i18n/grid.locale-zh-CN.js" mce_src="js/i18n/grid.locale-zh-CN.js" type="text/javascript"></mce:script>
        <mce:script src="../js/jquery.jqGrid.min.js" mce_src="js/jquery.jqGrid.min.js" type="text/javascript"></mce:script>
          
        <mce:script src="js/jqGrid01.js" mce_src="js/jqGrid01.js" type="text/javascript"></mce:script>    
    </head>
    <body>
        <h2>
            jqGrid测试 01  
        </h2>
        <div>
            <table id="gridTable"></table>
            <div id="gridPager"></div>
        </div>
    </body>
</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>jqGrid01</title>
   <link rel="stylesheet" type="text/css" media="screen" href="../css/themes/aero/jquery-ui-1.8.1.custom.css" mce_href="css/themes/aero/jquery-ui-1.8.1.custom.css" />
   <link rel="stylesheet" type="text/css" media="screen" href="../css/themes/aero/ui.jqgrid.custom.css" mce_href="css/themes/aero/ui.jqgrid.custom.css" />
  
   <mce:script type="text/javascript" src="../js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script>
   <mce:script src="../js/jquery-ui-1.8.1.custom.min.js" mce_src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></mce:script>
   <mce:script src="../js/i18n/grid.locale-zh-CN.js" mce_src="js/i18n/grid.locale-zh-CN.js" type="text/javascript"></mce:script>
   <mce:script src="../js/jquery.jqGrid.min.js" mce_src="js/jquery.jqGrid.min.js" type="text/javascript"></mce:script>
  
   <mce:script src="js/jqGrid01.js" mce_src="js/jqGrid01.js" type="text/javascript"></mce:script>
</head>
<body>
   <h2>
    jqGrid测试 01
   </h2>
   <div>
    <table id="gridTable"></table>
    <div id="gridPager"></div>
   </div>
</body>
</html>

HTML中的代码，异常简洁。

转载于:https://www.cnblogs.com/wshsdlau/archive/2013/01/17/2865536.html

weixin_30457881
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jqgrid+struts2
10-03
1. **配置Struts2 Action**：创建一个Action类，负责处理请求并返回数据。例如，可以创建一个`getGridData.action`，用于获取jqGrid所需的数据。 2. **编写Action结果处理**：在Action中，使用OGNL表达式获取数据库...
jqGrid与Struts2的结合应用
12-18
在jqGrid与Struts2的结合应用中，我们通常会经历以下几个步骤： 1. **配置Struts2**：首先，需要在项目的`struts.xml`配置文件中添加jqGrid相关的Action，这些Action负责处理来自jqGrid的AJAX请求，获取或更新...
struts2-jquery, struts-jquery-grid-tags
gdclx的专栏
06-06 4106
Introduction The Grid Tag is provided by the jQuery Grid Plugin. For custom locals use the Head Tag Samples Make a Grid editableFormat Grid ColumnsSearch GridGrid with Subgrid Add Navigato
jQuery学习笔记--jqGrid与Struts2集成 讲解
web开发自学
10-19 121
因为公司项目需要，在Hibernate+Struts2的环境下，研究了一下如何使用jqGrid。 说实在的，Struts2+jqGrid不是一个很好的组合。因为jqGrid中很多功能，基本上都使用的是AJAX的访问方式，并且，大家都知道，jqGrid需要的数据，要么是XML格式的，要么是JSON格式。(当然，我说的是一般情况，其实jqGrid还支持本地数据，以及xml字符串、json字符串之...
jqGrid与Struts2的结合应用（一） —— 显示基本Grid表格
12-18 2438
原文地址：http://blog.csdn.net/gengv/article/details/5714834 如不能转载，请联系博主，我马上删除。 根据jqGrid的文档，要想生成一个jqGrid，最直接的方法就是： $("#grid_id").jqGrid(options); 也就是通过选择符得到一个table的jQuery对象，然后调用jqGrid(options)，得到一个jq
【转】 jqGrid与Struts2的结合应用（一） —— 显示基本Grid表格
sobigring的博客
01-08 130
转至：http://blog.csdn.net/gengv/article/details/5714834 作者：gengv     根据jqGrid的文档，要想生成一个jqGrid，最直接的方法就是：$("#grid_id").jqGrid(options);也就是通过选择符得到一个table的jQuery对象，然后调用jqGrid(options)，得到一个jqGrid对象。重点就在传...
jqGrid+Struts2（-）数据展示
lijiangJava的博客
08-10 1224
根据jqGrid的文档，要想生成一个jqGrid，最直接的方法就是： $("#grid_id").jqGrid(options); 也就是通过选择符得到一个table的jQuery对象，然后调用jqGrid(options)，得到一个jqGrid对象。 重点就在传入的option选项上了，通过这些选项可以得到各种各样的Grid表格。             1. jqG
jqGrid与Struts2的结合应用（一） ------ 显示基本Grid表格 .
nusoftyu的专栏
03-16 959
根据jqGrid的文档，要想生成一个jqGrid，最直接的方法就是： $("#grid_id").jqGrid(options); 也就是通过选择符得到一个table的jQuery对象，然后调用jqGrid(options)，得到一个jqGrid对象。 重点就在传入的option选项上了，通过这些选项可以得到各种各样的Grid表格。             1. jqG
(转载)jqGrid与Struts2的结合应用（一） —— 显示基本Grid表格
xst4006的博客
05-24 224
本文转自http://blog.csdn.net/gengv/article/details/5714834   根据jqGrid的文档，要想生成一个jqGrid，最直接的方法就是： $("#grid_id").jqGrid(options); 也就是通过选择符得到一个table的jQuery对象，然后调用jqGrid(options)，得到一个jqGrid对象。 重点就在传...
jqGrid与Struts2的结合应用（一） —— 显示基本Grid表格 （转）
peak
10-27 115
根据jqGrid的文档，要想生成一个jqGrid，最直接的方法就是： $("#grid_id").jqGrid(options); 也就是通过选择符得到一个table的jQuery对象，然后调用jqGrid(options)，得到一个jqGrid对象。 重点就在传入的option选项上了，通过这些选项可以得到各种各样的Grid表格。             1....
jqGrid与Struts2的结合应用_操作Grid数据
11-24
自己搜集的jqGrid与Struts2的结合应用的方法
jqgrid+struts2实现的增删改查
06-23
通过以上步骤，你可以构建一个功能完备的Web应用，利用jqGrid的强大展示能力和Struts2的灵活控制，实现与数据库之间的数据操作。这种组合在实际开发中非常常见，尤其适合需要处理大量数据的业务场景。
jqGrid与Struts2 详细文档
08-05
在 Struts2 中，你可以创建一个 Action 来处理 jqGrid 的请求，将请求参数映射到 Action 类的属性，然后执行相应的数据库查询或操作。Action 返回的结果可以是 JSON 格式，方便 jqGrid 解析。 总的来说，jqGrid 与...
2024年公关服务行业分析报告.pptx
07-09
行业报告
惠州市建筑物矢量数据（Shp格式+带高度）.txt
最新发布
07-09
因文件较多，数据存放网盘，txt文件内包含下载链接及提取码，永久有效。失效会第一时间进行补充。
Matlab语言教程及案例
07-09
项目总结 本文详细介绍了Matlab的基础知识和一个完整的数据分析与可视化案例。内容包括： 1. **基本操作**：基本算术运算和矩阵操作。 2. **绘图**：二维和三维绘图。 3. **函数和脚本**：编写和运行Matlab函数和脚本。 4. **案例分析**：生成模拟数据，进行数据预处理、绘图和统计分析。 通过这个项目，读者可以掌握Matlab的基本使用方法，并了解如何在Matlab中进行数据分析和可视化。这对于初学者入门Matlab编程、提升数据处理和分析能力非常有帮助。希望本文能为读者提供有价值的参考，提升其Matlab编程和数据分析技能。
KB8825英文数据手册
07-09
三星KB8825英文数据手册
JqGrid 3.6 API中文版
04-10
需要注意的是，由于 jquery-ui 的字体大小与 jqgrid 字体大小不一致，可能需要在页面上加上一段 style 来指定页面上文字大小，以保持一致的视觉效果。 接下来，我们将详细讨论 JqGrid 的参数配置。通过配置 JqGrid ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值