这两天基于struts2的web项目需要报表排序功能,上网找了一些jquery的插件,找到了一个datatable。搞了两天,弄出个样子。但是导出功能不满足客户需求。所以暂时将该功能搁置了。自己在其中学了不少东西,现在整理整理。
开始,我的想法是通过ajax与数据库进行交换,进行排序。页面的代码。如下:
function sortData(){
if (oTable == null) {
$("#exportTable").show();
oTable = $('#exportTable').dataTable( {
"aaSorting": [[4, 'desc']],
"bProcessing": true, //加载数据时显示正在加载信息
"bServerSide": true, //指定从服务器端获取数据
"sAjaxSource": "" , //获取数据的ajax方法的URL
"fnServerData":retrieveData //与后台交互获取数据的处理函数
} );
}
oTable.fnDraw();
}
//函数的参数是固定,不能更改。
function retrieveData( sSource, aoData, fnCallback ) {
//查询条件称加入参数数组
var year =document.getElementById('year').value;
var month =document.getElementById('month').value;
$.ajax( {
type: "POST",
//contentType: "application/json", //这段代码不要加,我时延的是否后台会接受不到数据
url: sSource,
dataType:"json",
data:"jsonparam="+JSON.stringify(aoData)+"&year="+year+"&month="+month, //以json格式传递(struts2后台还是以string类型接受),year和month直接作为参数传递。
success: function(data) {
$("#url_sortdata").val(data.aaData);
fnCallback(data); //服务器端返回的对象的returnObject部分是要求的格式
}
});
}
jsp的页面元素
必须要有[table thead (包含th) tbody ](tfoot随意)
<table id="exportTable" width="100%" align='center'>
<thead>
<tr>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
</tr>
</thead>
<tbody align='center' style="line-height: 18px;border: 1px solid #97bbdc;" >
</tbody>
<tfoot>
<tr>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
<th width ='10%' align='center' ></th>
</tr>
</tfoot>
</table>
后台的ajax方法:
public String sortMonthData() {
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
JSONArray jsonobj = JSONArray.fromObject(jsonparam);
Object sEcho = (JSONObject.fromObject(jsonobj.get(0)).get("value"));//这里我只是测验将sEcho取出
ptp_list = 查询数据库获取的数据
//将查询内容数据,封装成JSONArray的数据对象.(这里还可以使用二维数组,反正需要注意页面接受到的数据格式是[[1,2,3,5],[1,2,3,5]])
JSONArray jsonDataArray = new JSONArray() ;
Collection map = null;
for (int i = 0; i < ptp_list.size(); i++) {
map = ptp_list.get(i).values();
jsonDataArray.add(map);
}
//JSON对象,封装datatable使用到页面参数,[color=red]这几个参数是必须要[/color]的。
JSONObject returnjobj = new JSONObject();
returnjobj.put("sEcho", sEcho);
returnjobj.put("iTotalRecords", "1000");
returnjobj.put("iTotalDisplayRecords", "1000");
returnjobj.put("aaData",jsonDataArray);
//输出ajax返回值。
try {
response.getWriter().print(returnjobj.toString());
response.flushBuffer();
}catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} finally {
try {
response.getWriter().close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return null;
}
以上,是我通过ajax进行交互的例子。
不过由于跟数据库交互的太多,自我推翻。
分享到:
相关推荐
ta_lib-0.5.1-cp312-cp312-win32.whl
课程设计 在线实时的斗兽棋游戏,时间赶,粗暴的使用jQuery + websoket 实现实时H5对战游戏 + java.zip课程设计
ta_lib-0.5.1-cp310-cp310-win_amd64.whl
基于springboot+vue物流系统源码数据库文档.zip
GEE训练教程——Landsat5、8和Sentinel-2、DEM和各2哦想指数下载
知识图谱
333498005787635解决keil下载失败的文件.zip
【微信机器人原理与实现】 微信机器人是通过模拟微信客户端的行为,自动处理消息、发送消息的程序。在Python中实现微信机器人的主要库是WeChatBot,它提供了丰富的接口,允许开发者方便地进行微信消息的接收与发送。这个项目标题中的"基于python实现的微信机器人源码"指的是使用Python编程语言编写的微信机器人程序。 1. **Python基础**:Python是一种高级编程语言,以其简洁的语法和强大的功能深受开发者喜爱。在实现微信机器人时,你需要熟悉Python的基本语法、数据类型、函数、类以及异常处理等概念。 2. **微信API与WeChatBot库**:微信为开发者提供了微信公共平台和微信开放平台,可以获取到必要的API来实现机器人功能。WeChatBot库是Python中一个用于微信开发的第三方库,它封装了微信的API,简化了消息处理的流程。使用WeChatBot,开发者可以快速搭建起一个微信机器人。 3. **微信OAuth2.0授权**:为了能够接入微信,首先需要通过OAuth2.0协议获取用户的授权。用户授权后,机器人可以获取到微信用户的身份信息,从而进行
基于springboot实验室研究生信息管理系统源码数据库文档.zip
张力控制,色标跟踪,多轴同步,电子凸轮,横切等工艺控制案例。
在Python编程环境中,处理Microsoft Word文档是一项常见的任务。Python提供了几个库来实现这一目标,如`python-docx`,它可以让我们创建、修改和操作.docx文件。本教程将重点介绍如何利用Python进行Word文档的合并、格式转换以及转换为PDF。 1. **合并Word文档(merge4docx)** 合并多个Word文档是一项实用的功能,特别是在处理大量报告或文档集合时。在Python中,可以使用`python-docx`库实现。我们需要导入`docx`模块,然后读取每个文档并将其内容插入到主文档中。以下是一个基本示例: ```python from docx import Document def merge4docx(file_list, output_file): main_doc = Document() for file in file_list: doc = Document(file) for paragraph in doc.paragraphs: main_doc.add_paragraph(paragraph.text) m
基于springboot+Javaweb的二手图书交易系统源码数据库文档.zip
基于springboot餐品美食论坛源码数据库文档.zip
基于springboot亚运会志愿者管理系统源码数据库文档.zip
使用WPF的数据样式绑定,切换对象数据值来完成控件动态切换背景渐变动画效果。 使用动画样式渲染比线程修改性能消耗更低更稳定
基于SpringBoot的企业客源关系管理系统源码数据库文档.zip
基于springboot+vue的桂林旅游网站系统源码数据库文档.zip
基于springboot嗨玩旅游网站源码数据库文档.zip
基于springboot的流浪动物管理系统源码数据库文档.zip
基于springboot课件通中小学教学课件共享平台源码数据库文档.zip