jquery+ajax无刷新翻页
前台自定义通用分页jquery插件
(一)框架:用jquery+ajax+struts1实现 自动创建行和列
持久层用的是abatis.数据库用的是MySQL.
(二)sqlMap
shangjia.xml的配置如下
<resultMap class="java.util.LinkedHashMap" id="storeMap">
<result property="sto_id" column="sto_id"/>
<result property="sto_name" column="sto_name"/>
<result property="sto_contactphone" column="sto_contactphone"/>
<result property="sto_time" column="sto_time" javaType="string"/>
</resultMap>
<statement id="selectListStore" resultMap="storeMap" parameterClass="com.tj_zhongzhixin.common.util.PageResult" >
select sto_id,sto_name,sto_contactphone,sto_time from store limit #pageSize# offset #throwRows#
</statement>
小提示：为什么不用实体类映射
我之所以不用实体类映射(就是将resultMap的Class设成实体类)，是因为自动生成的表格的行是根据集合中Map的个数决定的，而表格的列是根据集合中Map的键值对的个数决定的，所以如果用实体类映射的话自动生成的表格的列就要按照实体类的属性的个数决定。而不论你的sql语句是否是查询所有的属性，都会封装到Map中实体类里。这样就不能的到实际查询的属性，而是所有的属性。
小提示：为什么要用LinkedHashMap
当我运行页面是准确的显示出了我在sql中制定的属性，而不是所有的属性。但是有出现了一个问题就是：它的顺寻跟我在sql中指定的查询不一致(起初结果集封装到了HashMap中)。原来HashMap集合会自动给值排序，后发现LinkedHashMap不会自动排序。所以就选择了LinkedHashMap
(三)query
jQuery.searchByPage.js
//jQuery提交请求数据
/*actionName为要跳转到的action的name
*param为页面参数（包括struts-config.xml中的parameter和其值,页数,每页显示的条数,查询的条件）
*options为操作的图标信息
*/
(functio
相关文档：
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/ ......
1. Accordion
【功能概述】Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个 CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane，每一个AccordionPane的 template里包括了对其Header和Content的定义。我们可以在后台 ......
http://ajaxcontroltoolkit.codeplex.com/releases/view/33804
1>安装Ajax ASPAJAXExtSetup.msi （在http://ajax.asp.net下载）
2>安装Ajax模板 ASPAJAXSamples.msi
3>下载 最新版本 ajaxcontroltoolkit
http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit
......
function ScreenConvert()
{
var browser = new Browser1();
var objScreen = document.getElementById("ScreenOver");
if(!objScreen)
var objScreen = document.createElement("div");
var oS = objScreen.style;
objScreen.id = "ScreenOver";
oS.display = "bloc ......
