struts2+jquery+easyui+datagrid+j…
一、概述
struts2提供了针对json的插件支持。常规来讲我们将如何将对象数组转成json对象在客户端直接调用呢?尤其和jquery的easyui插件配合使用,这个可能会有很多的问题需要我们解决。这里我只是将几个技术结合阐述。
二、将struts2增加对json的支持处理
1、增加相关jar包,这里我使用的是struts2.2.1.1版本,将他的官方文件下载下来可以看到我们需要的插件包都在,这里我以maven的pom文件片段说明需要增加的支持jar包。
- jaxen
- jaxen
- 1.1.1
- net.sf.ezmorph
- ezmorph
- 1.0.6
- net.sf.json-lib
- json-lib
- 2.4
- jdk15
- commons-collections
- commons-collections
- 3.2.1
- org.apache.struts
- struts2-json-plugin
- 2.2.1.1
2、选择jquery以及easyui的版本,这里我用的是jquery1.4.4版本和easyui的1.2.2版本(jquery-easyui-1.2.2)
3、进行action代码编写
- private static final long serialVersionUID = 1L;
- private IGodPositionService godPositionService;
- //对象实例
- private GodPosition godPosition;
- //对象集合
- private List godPositionList;
- //这东西得和grid中的参数对应上,返回json对象,不是返回json串
- private JSONArray rows;
- public JSONArray getRows() {
- return rows;
- }
- public void setRows(JSONArray rows) {
- this.rows = rows;
- }
- //可以用来放回字符串结果
- private String result;
- //记录数量
- private int total=0;
- public String getResult() {
- return result;
- }
- public void setResult(String result) {
- this.result = result;
- }
- public int getTotal() {
- return total;
- }
- public void setTotal(int total) {
- this.total = total;
- }
- public String godlist() throws ServiceException{
- HttpServletResponse resp=ServletActionContext.getResponse();
- resp.setContentType("application/json");
- godPositionList = godPositionService.findAllGodPosition();
- //进行集合的转换,转换成json对象
- rows=JSONArray.fromObject(godPositionList);
- //记录条数的记录
- total=godPositionList.size();
- logger.info("[total]:"+total+"[rows]:"+rows);
- return "root";
- }
4、配置文件编写
- <</span>package name="jsonpackage" extends="loginpackage,json-default" namespace="/json">
- "loginInterceptor" class="com.jiuchongju.interceptor.LoginInterceptor">
- "loginInterceptorStack">
- "loginInterceptor">
- "json">
- "defaultStack">
- <<span
class="keyword" style="margin: 0px; padding: 0px; border: none;
color: rgb(0, 102, 153); background-color: inherit; font-weight:
bold; ">default-interceptor-ref name="loginInterceptorStack"></</span>default-interceptor-ref> - "godjson" class="JsonAction">
- "root" type="json">
- "excludeProperties">godPositionService,godPosition,godPositionList
- </<span class="keyword" style="margin: 0px; padding: 0px;
border: none; color: rgb(0, 102, 153); background-color: inherit;
font-weight: bold; ">package>
5、页面展示代码编写
- "stylesheet" type="text/css" href="
版权声明:本文为博主原创文章,未经博主允许不得转载。
struts2+jquery+easyui+datagrid+j…的更多相关文章
- Jquery easyui datagrid 导出Excel
From:http://www.cnblogs.com/weiqt/articles/4022399.html datagrid的扩展方法,用于将当前的数据生成excel需要的内容. 1 <sc ...
- jQuery EasyUI datagrid实现本地分页的方法
http://www.codeweblog.com/jquery-easyui-datagrid%e5%ae%9e%e7%8e%b0%e6%9c%ac%e5%9c%b0%e5%88%86%e9%a1% ...
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
- jquery easyui datagrid使用参考
jquery easyui datagrid使用参考 创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid.代码如下: 页面上 ...
- jquery easyui datagrid 获取Checked选择行(勾选行)数据
原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...
- 扩展jquery easyui datagrid编辑单元格
扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...
- jquery easyui datagrid 加每页合计和总合计
jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...
- jQuery EasyUI datagrid列名包含特殊字符会导致表格错位
首先申明:本文所述的Bug存在于1.3.3以及更高版本中,其它低版本,本人未测试,太老的版本不想去折腾了. 洒家在写前端的SQL执行工具时,表格用了 jQuery EasyUI datagrid,因为 ...
- jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条
jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条 ============================== 蕃薯耀 2018年2月6日 http://www. ...
随机推荐
- POJ 3895 Cycles of Lanes (dfs)
Description Each of the M lanes of the Park of Polytechnic University of Bucharest connects two of t ...
- 微信小程序页面之间的跳转
一.使用标签跳转 index.wxml: 在index.wxml页面添加一个<navigator>元素,在元素里面使用属性url就可以 二. ...
- python 基础 5.1 python 构造器
一. 类的构造器 __init__ 构造函数,在生成对象时调用.由于类可以起到模板的作用,因此,可以在创建实例的时候,把一些我们认为必须绑定的属性强制填写进去.通过定义一个特殊的__init__方法, ...
- TCP交换数据流——Nagle算法简单记录
Nagle算法: 该算法提出的目的是想解决网络中大量的小的TCP数据包造成网络拥塞的问题,举个例子,当客户端要发送一个字节的TCP数据包到服务器时,我们实际上产生了41字节长的分组:包括20字节的IP ...
- maven snapshot和release版本的区别(转)
在使用maven过程中,我们在开发阶段经常性的会有很多公共库处于不稳定状态,随时需要修改并发布,可能一天就要发布一次,遇到bug时,甚至一天要发布N次.我们知道,maven的依赖管理是基于版本管理的, ...
- notHere 对框架解决方案的框架预期处理
<script> import wepy from 'wepy' import api from '../api/api' import util from '../utils/util' ...
- JavaScript for循环实现表格隔行变色
本代码主要演示的是for循环, <!doctype html> <html lang="en"> <head> <meta charset ...
- 我的Android进阶之旅------>Android如何通过自定义SeekBar来实现视频播放进度条
首先来看一下效果图,如下所示: 其中进度条如下: 接下来说一说我的思路,上面的进度拖动条有自定义的Thumb,在Thumb正上方有一个PopupWindow窗口,窗口里面显示当前的播放时间.在Seek ...
- 私有 npm 仓库的搭建
cnpm 是企业内部搭建 npm 镜像和私有 npm 仓库的开源方案,当企业业务逻辑相关的模块可能不适合开源.这部分私有的模块就可以放在私有 npm 仓库中来管理和维护. 以下为搭建私有 npm 的详 ...
- 3D 图片播放焦点图插件Adaptor
在线演示 本地下载