JQuery EasyUI 的datagrid 整合Struts2的查询功能实现

来源：互联网发布：天下3奕剑男号捏脸数据编辑：程序博客网时间：2024/05/16 06:26

API中提供了一个参数 queryParams：{}

{"sortName":"","sortOrder":"","queryWord":"","queryType":""}

sortName:排序字段，

sortOrder：排序方式：asc|desc

queryWord：查询关键字

queryType：查询字段。

这个queryParams在表个刷新时会自动附带传到服务端。因此服务端需要接收。

在action中定义几个接受参数

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>jQuery EasyUI</title><link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" mce_href="easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" mce_href="easyui/themes/icon.css"><mce:script type="text/javascript" src="easyui/jquery-1.4.4.min.js" mce_src="easyui/jquery-1.4.4.min.js"></mce:script><mce:script type="text/javascript" src="easyui/jquery.easyui.min.js" mce_src="easyui/jquery.easyui.min.js"></mce:script><mce:script type="text/javascript"></mce:script></head><body><h1>DataGrid</h1><div style="margin-bottom:10px;" mce_style="margin-bottom:10px;"><a href="#" mce_href="#" onclick="resize()">resize</a><a href="#" mce_href="#" onclick="getSelected()">getSelected</a><a href="#" mce_href="#" onclick="getSelections()">getSelections</a><a href="#" mce_href="#" onclick="clearSelections()">clearSelections</a><a href="#" mce_href="#" onclick="selectRow()">selectRow</a><a href="#" mce_href="#" onclick="selectRecord()">selectRecord</a><a href="#" mce_href="#" onclick="unselectRow()">unselectRow</a><a href="#" mce_href="#" onclick="mergeCells()">mergeCells</a></div><table id="test"></table></body></html>

action插入几个查询参数就行了