eXtremeTable应用
Published by admin on 05月 27, 2011
eXtremeTable
1.简介
eXtremeTable是目前流行的优秀分页组件之一，和 Displsytag，ValueList相比，即美观又使用。在介绍eXtremeTable之前先了解一下eXtremeComponents,它是一系列的开源的jsp自定义标签库，eXtremeTable是它中的一个功能强大而又容易配置、扩展、自定义的组件。它是以表格的形式来显示数据，具有分页组件应具有的大部分功能,比如:设定每页显示的记录数,排序等，除此之外它还具有过滤,导出,利用数据库的limit功能局部取数据,自定义列样式等等。eXtremeTable它不依赖任何框架和容器。
2.安装和测试
2.1 下载
eXtremeTable的最新版本为1.0.1，可以从它的官方网站http://www.extremecomponents.org下载最新版本，也可以从http://sourceforge.net/projects/extremecomp/下载.下载的压缩包为eXtremeComponents-1.0.1-with-dependencies.zip，解压后的主要目录如下所示：
（1）source：存放源文件
（2）lib：存放使用eXtremeTable一些功能所必需的jar包
（3）dist：使用eXtremeTable所必须的jar包和一些样式表，tld文件和js脚本文件。
（4）images：存放用表格显示数据时所用的图片。
（5）test：存放一个测试eXtremeTable的一个jsp文件。
2.2 安装
1．首先把必须的extremecomponents-1.0.1.jar放入WEB-INF/lib目录下，然后根据需要把解压包中lib目录下的jar文件拷贝到WEB-INF/lib目录下。尤其是minimum目录下的jar包也必须放入WEB-INF/lib目录下。
2．把css文件放到web应用的任意目录。
3．把images中的图片放到web应用的任意目录。
4．在/source/org/extremecomponents/table/core目录中找到extremetable.properties文件,并把它复制到WEB-INF/classes里面（类加载器可以加载的地方）然后根据需要进行相应修改，当然也可以不使用该文件，但是使用的时候需要指定，后面的例子中就会说到。
2.3 测试该标签库
按照上面的步骤下载并安装后，我们就可以运行一个eXtremeTable例子。首先新建一个web工程并搭建好环境，然后写一个jsp页面来测试一下,代码如下：（当然我们也可以利用eXtremeTable压缩包中自带的例子test.jsp来测试，同样也可以看到效果）
|
<%@ page language=”java” import=”java.util.*” pageEncoding=”GB2312″%> <% String path = request.getContextPath(); String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”; %> <%@ taglib uri=”http://www.extremecomponents.org” prefix=”ec” %> <link rel=”stylesheet” type=”text/css” href=”<%=request.getContextPath()%>/styles/extremecomponents.css” mce_href=”<%=request.getContextPath()%>/styles/extremecomponents.css”> <% List countries = new ArrayList(); for (int i = 1; i <= 10; i++) { Map cinfo = new java.util.HashMap(); cinfo.put(”cno”, “coutry”+i); cinfo.put(”cname”, “国家”+i); cinfo.put(”area”, “所在州”+i); cinfo.put(”born”,new Date()); countries.add(cinfo); } request.setAttribute(”cinfos”, countries); %> <ec:table items=”cinfos” action=”${pageContext.request.contextPath}/index.jsp” imagePath=”${pageContext.request.contextPath}/images/table/*.gif” cellpadding=”1″ title=”您好！这是eXtremeTable的一个测试例子”> <ec:row highlightRow=”true”> <ec:column property=”cno”/> <ec:column property=”cname”/> <ec:column property=”area”/> <ec:column property=”born” cell=”date” format=”yyyy-MM-dd”/> </ec:row> </ec:table> |
把上面的工程部署到tomcat容器下，然后在浏览器地址栏里面输入：http://localhost:8080/pagination/index.jsp 浏览器显示的结果如下图所示：
Add A Comment