第一步:先下载 需要用到的源码http://download.csdn.net/detail/wangliutao1/5776843
下载完成后,解压文件
第二部: 1创建一个新 java 的 web project 项目 名称为 mytest
2将解压文件 lib 中的 jar包导入项目 /WEB-INF/lib 目录下 ,
3接着将 解压文件中 \dist 目录下的 extremecomponents-1.0.1.jar 导入 /WEB-INF/lib中
4将 \test 目录下的test.jsp 文件放到 WebRoot
第三部:修改配置文件web .xml
web .xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<!--ExtremeTable 表格标签的 Properties文件-->
<context-param>
<param-name>extremecomponentsPreferencesLocation</param-name>
<param-value>/META-INF/extremetable.properties</param-value>
</context-param>
</web-app>
第4部 :extremetable.properties 将配置文件放在 在项目中创建一个source folder 目录 然后创建一个文件夹 /META-INF 目录下。 extremetable.properties代码如下
extremetable.properties
table.imagePath=/mytest/images/table/compact/*.gif
table.autoIncludeParameters=true
table.border=0
table.cellpadding=0
table.cellspacing=0
table.exportable=true
table.filterable=false
table.filterRowsCallback.default=org.extremecomponents.table.callback.ProcessRowsCallback
table.filterRowsCallback.limit=org.extremecomponents.table.callback.LimitCallback
table.headerClass=tableHeader
table.headerSortClass=tableHeaderSort
table.intercept.default=org.extremecomponents.table.intercept.DefaultIntercept
table.maxRowsDisplayed=50
table.medianRowsDisplayed=30
table.method=post
table.retrieveRowsCallback.default=org.extremecomponents.table.callback.ProcessRowsCallback
table.retrieveRowsCallback.limit=org.extremecomponents.table.callback.LimitCallback
table.rowsDisplayed=10
table.showExports=true
table.showPagination=true
table.showStatusBar=true
table.showTooltips=true
table.sortable=false
table.sortRowsCallback.default=org.extremecomponents.table.callback.ProcessRowsCallback
table.sortRowsCallback.limit=org.extremecomponents.table.callback.LimitCallback
table.state.default=org.extremecomponents.table.state.DefaultState
table.state.notifyToDefault=org.extremecomponents.table.state.NotifyToDefaultState
table.state.persist=org.extremecomponents.table.state.PersistState
table.state.notifyToPersist=org.extremecomponents.table.state.NotifyToPersistState
table.stateAttr=notifyState
table.styleClass=tableRegion
table.theme=eXtremeTable
table.useSessionFilterSortParam=useSessionFilterSort
table.view.compact=org.extremecomponents.table.view.CompactView
table.view.limit=org.extremecomponents.table.view.LimitView
table.view.html=org.extremecomponents.table.view.CompactView
table.width=100%
table.locale=zh_CN
row.highlightClass=highlight
row.highlightRow=true
row.intercept.default=org.extremecomponents.table.intercept.DefaultIntercept
column.calc.total=org.extremecomponents.table.calc.TotalCalc
column.calc.average=org.extremecomponents.table.calc.AverageCalc
column.cell.currency=org.extremecomponents.table.cell.NumberCell
column.cell.number=org.extremecomponents.table.cell.NumberCell
column.cell.date=org.extremecomponents.table.cell.DateCell
column.format.date=yyyy-MM-dd
column.format.datetime=yyyy-MM-dd HH:mm:ss
column.format.currency=\#\#\#,\#\#\#,\#\#\#,\#\#\#,\#00.00
column.cell.display=org.extremecomponents.table.cell.DisplayCell
column.cell.rowCount=org.extremecomponents.table.cell.RowCountCell
column.cell.tree=org.extremecomponents.tree.TreeCell
column.escapeAutoFormat=false
column.filterCell.droplist=org.extremecomponents.table.cell.FilterDroplistCell
column.filterCell.filter=org.extremecomponents.table.cell.FilterCell
column.headerCell.header=org.extremecomponents.table.cell.HeaderCell
column.intercept.default=org.extremecomponents.table.intercept.DefaultIntercept
export.intercept.default=org.extremecomponents.table.intercept.DefaultIntercept
export.view.pdf=org.extremecomponents.table.view.PdfView
export.view.xls=org.extremecomponents.table.view.XlsView
export.view.csv=org.extremecomponents.table.view.CsvView
export.viewResolver.pdf=org.extremecomponents.table.filter.PdfViewResolver
export.viewResolver.xls=org.extremecomponents.table.filter.XlsViewResolver
export.viewResolver.csv=org.extremecomponents.table.filter.CsvViewResolver
defaultCalcLayout=multiRowCalcResults
column.filterCell.droplistDeprecated=org.extremecomponents.table.cell.FilterDroplistCell
column.filterCell.filterDeprecated=org.extremecomponents.table.cell.FilterCell
column.headerCell.headerDeprecated=org.extremecomponents.table.cell.HeaderCell
table.view.htmlDeprecated=org.extremecomponents.table.view.HtmlView
第五步:将解压文件夹中images 文件放到 webRoot根目录下
第六步:修改test.jsp文件
<ec:table
items="pres"
action="${pageContext.request.contextPath}/test.jsp"
imagePath="${pageContext.request.contextPath}/images/table/*.gif"
title="Presidents"
width="60%"
rowsDisplayed="5"
>
<ec:table
items="pres"
action="${pageContext.request.contextPath}/test.jsp"
retrieveRowsCallback="limit" filterRowsCallback="limit" sortRowsCallback="limit" rowsDisplayed="5"
>
在页面的顶端 添加 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 这句代码是防止乱码,设置jsp的编码格式
并将代码
<%@ taglib uri="/tld/extremecomponents" prefix="ec" %>
修改为
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec" %>
如果你的servlet容器支持JSP 1.2 (或更高版本),它将能够自动发现TLD文件,那么你什么也不需要做。 当extremecomponents.jar被容器加载的时候,
在它的META-INF目录下的extremecomponents.tld文件将被找到。 这时,你需要向下面一样在你的JSP里把eXtremeTable包含进来:
更多的学习信息,可以通过 http://blog.csdn.net/wangliutao1/article/details/9358845 进行学习。本文是通过这个转载的文档进行总结学习。如果有什么不足,大家可以提出来一起进行讨论学习。 并希望这个对大家有所帮助。