`

分页组件extremeComponents的使用

阅读更多
1.从http://www.extremecomponents.org 下载相关的文件
  包括相关的Jar包,css和tld文件

2.将extremecomponents-1.0.1.jar放到web-inf/lib下面

3.将下载的images文件夹放到WebRoot目录下面

4.将下载的extremecomponents.css放到WebRoot目录下面的css文件夹下

5.新建一个extremecomponents的测试页面ExtremeCompomentTest_1.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'ExtremeCompomentTest_1.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="<%=path%>/css/extremecomponents.css">

  </head>
  
  
  <%
    java.util.List presidents = new java.util.ArrayList();

    java.util.Map president = new java.util.HashMap();
	president.put("name", "George Washington");
	 president.put("nickname", "Father of His Country"); 
	 president.put("term", "1789-1797");
	 presidents.add(president);
	
	 president = new java.util.HashMap(); 
	 president.put("name", "John Adams"); 
	 president.put("nickname", "Atlas of Independence");
	 president.put("term", "1797-1801"); 
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	 president.put("name", "Thomas Jefferson");
	  president.put("nickname", "Man of the People, Sage of Monticello");
	 president.put("term", "1801-09");
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	 president.put("name", "James Madison"); 
	  president.put("nickname", "Father of the Constitution"); 
	 president.put("term", "1809-17"); 
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	  president.put("name", "James Monroe"); 
	 president.put("nickname", "The Last Cocked Hat, Era-of-Good-Feelings President"); 
	 president.put("term", "1817-25"); 
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	 president.put("name", "John Adams"); 
	 president.put("nickname", "Old Man Eloquent"); 
	 president.put("term", "1825-29"); 
	 presidents.add(president); 
	
	 request.setAttribute("pres", presidents); %>
  
  <body>
    This is my JSP page. <br>
    <ec:table items="pres" 
              title="ExtremeCompomentTest"
              action="${pageContext.request.contextPath}/ExtremeCompomentTest_1.jsp"
              imagePath="${pageContext.request.contextPath}/images/table/*.gif"
              rowsDisplayed="2"
              >
        <ec:row>
            <ec:column property="name"></ec:column>
            <ec:column property="nickname"></ec:column>
            <ec:column property="term"></ec:column>
        </ec:row>
    </ec:table>
  </body>
</html>

6.运行页面的效果如下:



7.对测试的Jsp页面-ExtremeCompomentTest_1.jsp进行分析:
  1)在页面中要添加<%@ taglib uri="http://www.extremecomponents.org" prefix="ec" %>
  2)在页面中添加<link rel="stylesheet" type="text/css" href="<%=path%>/css/extremecomponents.css">的Css配置信息
  3)创建一个HashMap,并且将presidents放在request中
  
    <%
    java.util.List presidents = new java.util.ArrayList();

    java.util.Map president = new java.util.HashMap();
	president.put("name", "George Washington");
	 president.put("nickname", "Father of His Country"); 
	 president.put("term", "1789-1797");
	 presidents.add(president);
	
	 president = new java.util.HashMap(); 
	 president.put("name", "John Adams"); 
	 president.put("nickname", "Atlas of Independence");
	 president.put("term", "1797-1801"); 
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	 president.put("name", "Thomas Jefferson");
	  president.put("nickname", "Man of the People, Sage of Monticello");
	 president.put("term", "1801-09");
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	 president.put("name", "James Madison"); 
	  president.put("nickname", "Father of the Constitution"); 
	 president.put("term", "1809-17"); 
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	  president.put("name", "James Monroe"); 
	 president.put("nickname", "The Last Cocked Hat, Era-of-Good-Feelings President"); 
	 president.put("term", "1817-25"); 
	 presidents.add(president); 
	
	 president = new java.util.HashMap(); 
	 president.put("name", "John Adams"); 
	 president.put("nickname", "Old Man Eloquent"); 
	 president.put("term", "1825-29"); 
	 presidents.add(president); 
	
	 request.setAttribute("pres", presidents); %>
   

  4)对于body中的数据
  
    <ec:table items="pres" 
              title="ExtremeCompomentTest"
              action="${pageContext.request.contextPath}/ExtremeCompomentTest_1.jsp"
              imagePath="${pageContext.request.contextPath}/images/table/*.gif"
              rowsDisplayed="2"
              >
        <ec:row>
            <ec:column property="name"></ec:column>
            <ec:column property="nickname"></ec:column>
            <ec:column property="term"></ec:column>
        </ec:row>
    </ec:table>
   

  其中的items="pres"是数据源,title="ExtremeCompomentTest"是table的头信息,imagePath是图片的路径,rowsDisplayed是每页显示的记录数目,action是点击下页,前页时要跳转的页面。

参考文档:http://blogold.chinaunix.net/u/7893/showart_426623.html
  • 描述: 第一页
  • 大小: 12.6 KB
  • 描述: 最后一页
  • 大小: 12.9 KB
  • 描述: 对数据进行过滤
  • 大小: 12.3 KB
  • minimum.zip (1.4 MB)
  • 描述: 需要的最小Jar包
  • 下载次数: 42
分享到:
评论
1 楼 wwwguojiang 2012-07-13  
请问extremecomponents.css在jar包里有现成的?我怎么没找到呀,谢谢!

相关推荐

    eXtremeComponents分页组件参考文档

    ### eXtremeComponents分页组件参考文档 #### 一、配置 **1.1 先决条件** 在使用eXtremeComponents之前,请确保您的系统满足以下先决条件: - **Java环境**: Java 5 或更高版本 - **Web容器**: 如Tomcat, Jetty...

    eXtremeComponents组件

    "extreme 列表组件"是eXtremeComponents中的核心部分,它通常指的是能够高效处理大量数据,并提供动态排序、筛选、分页等功能的列表视图。这类组件对于数据密集型应用,如数据分析工具、数据库管理软件或者任何需要...

    利用eXtremeComponents标签来实现分页实例

    本教程将详细介绍如何利用eXtremeComponents(XC)标签库中的组件来实现一个分页实例。eXtremeComponents是一个强大的JavaServer Faces (JSF)组件库,提供了丰富的UI元素,包括用于分页的组件。 首先,我们需要了解...

    eXtremeComponents-1.0.1+中文API___分页工具

    在压缩包文件“eXtremeComponents-1.0.1-with-dependencies”中,包含的不仅是分页组件本身,还有其依赖的库文件。这意味着开发者可以立即开始使用,而无需额外寻找和配置相关的依赖项。这个压缩包确保了开发环境的...

    分页组件ECSIDE文档

    ### 分页组件ECSIDE文档知识点详述 #### 一、ECSIDE组件概述与功能实现 **ECSIDE**,作为一款专为Web应用程序设计的分页组件,其核心功能在于提供高效、灵活的数据展示解决方案。该组件源于**eXtremeComponents**...

    eXtremeComponents控件分页导出数据Demo.rar

    《eXtremeComponents控件分页导出数据Demo详解》 在软件开发过程中,高效的数据展示和管理是至关重要的。eXtremeComponents控件系列以其强大的功能和灵活的定制性,在.NET平台上赢得了广大开发者的一致好评。尤其是...

    使用extremecomponent组件实现分页、导出xls

    Extremecomponents提供了分页组件,如PagingToolbar,它可以方便地与GridPanel结合使用,实现数据的分页展示。配置分页组件主要涉及设置每页显示的数据量(pageSize)以及连接后台服务获取数据的URL(url)。 接着...

    extremecomponents

    "extremecomponents" 是一个基于Java的组件库,它为开发者提供了丰富的用户界面(UI)组件,用于构建复杂的Web应用程序。这个库特别注重性能和可定制性,使其成为企业级应用开发的理想选择。在...

    eXtremeComponents详解

    ### 四、eXtremeComponents使用技巧 1. **性能优化**: 使用缓存策略和懒加载机制,减少内存占用,提升应用响应速度。 2. **自定义扩展**: 通过实现接口或继承类,可以对EC组件进行个性化定制。 3. **事件处理**: ...

    eXtremeComponents详尽文档包

    eXtremeComponents(简称EC)是一个功能强大的组件库,专门针对Java Swing应用程序设计。这个详尽的文档包是为初学者准备的,旨在帮助他们快速掌握EC组件的使用和开发技巧。通过一系列的文档,用户可以深入理解EC的...

    eXtremeComponents-1.0.2-M1.zip_COMPONENT_extremecomponents_extre

    综合以上信息,我们可以推测eXtremeComponents是一个专注于数据分页查询的UI组件库,适用于Web应用开发。它可能提供了易于集成的分页控件,支持自定义配置,如每页显示的记录数,以及可能包含了一些示例或文档(如...

    extremeComponents中文文档

    为了确保在大量数据或复杂交互场景下的高性能,文档还会讲解如何优化组件的性能,如延迟加载、分页策略和虚拟滚动等技术。 7. **国际化与多语言支持** 作为一套全球化的组件库,extremeComponents 提供了多语言...

    eXtremeComponents介绍

    1. **表格组件**:EC提供了高度可定制的表格组件,支持大数据量的展示,具有排序、分页、过滤等功能,并且可以方便地与后台数据库进行交互。 2. **表单组件**:包括各种输入控件,如文本框、下拉列表、日期选择器等...

    eXtremeComponents-1.0.4.zip

    eXtremeComponents 是一个功能强大的组件库,尤其以其在JSP中的extremetable标签而闻名,它提供了一种类似于displaytag的便捷方式来处理表格展示,极大地提高了开发效率和用户体验。本文将深入探讨eXtremeComponents...

    eXtremeComponents

    **TableTag** 是 eXtremeComponents 中的核心组件之一,用于生成和管理表格。 ##### 3.1 Introduction - **用途**: TableTag 用于构建具有高度自定义能力的表格。 - **特点**: 支持动态数据绑定、排序、过滤等功能...

    extremecomponents 中文文档

    8. **最佳实践**:分享一些使用 ExtremeComponents 的最佳实践,比如组件组合使用、代码结构规划等,以提升代码质量和可维护性。 通过阅读这份中文文档,开发者不仅可以了解 ExtremeComponents 的核心概念,还能...

    eXtremeComponents帮助手册

    《eXtremeComponents帮助手册》是一份专为开发者准备的详尽指南,它涵盖了使用eXtremeComponents这一组件库的各种技术细节和实践方法。eXtremeComponents是一款广泛应用于软件开发,尤其是Windows Forms和.NET ...

    eXtremeComponents-1[1].0.4-with-dependencies.zip

    在实际开发中,使用eXtremeComponents时,开发者需要了解如何正确导入和初始化组件,以及如何通过API来配置和控制组件的行为。XC通常提供了详细的文档和示例代码,帮助开发者快速上手。此外,社区的支持也是关键,...

Global site tag (gtag.js) - Google Analytics