速动画教程第十九集 eXtremeComponents 的基础配置

速动画教程第十九集 eXtremeComponents 的基础配置
<!----><o:p>

<o:p>
录像下载: http://sonic.peakle.net/download/sonic019.rar

临时下载: http://this.oksonic.cn 下载栏目，需要注册用户
 </o:p>

开发环境：Eclipse 3.1.1  MyEclipse 4.1.1   Tomcat 5.5<o:p>

<o:p> </o:p>

此教程参考文章：http://www.blogjava.net/lucky/archive/2006/02/26/32479.html<o:p>

<o:p> </o:p>

先下载发行包 http://sourceforge.net/projects/extremecomp<o:p>

<o:p> </o:p>

将包内的所有 jar 文件拷贝到项目的 WEB-INF/lib 目录中<o:p>

<o:p> </o:p>

将 dist 目录中的 extremecomponents.tld 文件拷贝到 WEB-INF 中<o:p>

将 test 目录中的 test.jsp 文件拷贝到 webroot 目录中<o:p>

将 images 文件夹拷贝到 webroot 目录中<o:p>

<o:p> </o:p>

需要对原文件 test.jsp 修改！<o:p>

<o:p> </o:p>

修改了标签路径<o:p>

<o:p> </o:p>

然后刷新一下工程，布署工程，起动 Tomcat 打开浏览器，输入 http://localhost/table/test.jsp 进行测试<o:p>

<o:p> </o:p>

看一下 test.jsp 文件内容<o:p>

<o:p> </o:p>

以下是创建一个 list 集合，list 集合中是一组  java.util.HashMap 集合<o:p>

<% java.util.List presidents = new java.util.ArrayList(); %><o:p>

<o:p> </o:p>

<% java.util.Map president = new java.util.HashMap(); %><o:p>

<% president.put("name", "George Washington"); %><o:p>

<% president.put("nickname", "Father of His Country"); %><o:p>

<% president.put("term", "1789-1797"); %><o:p>

<% presidents.add(president); %><o:p>

<o:p> </o:p>

<% president = new java.util.HashMap(); %><o:p>

<% president.put("name", "John Adams"); %><o:p>

<% president.put("nickname", "Atlas of Independence"); %><o:p>

<% president.put("term", "1797-1801"); %><o:p>

<% presidents.add(president); %><o:p>

<o:p> </o:p>

<% president = new java.util.HashMap(); %><o:p>

<% president.put("name", "Thomas Jefferson"); %><o:p>

<% president.put("nickname", "Man of the People, Sage of Monticello"); %><o:p>

<% president.put("term", "1801-09"); %><o:p>

<% presidents.add(president); %><o:p>

<o:p> </o:p>

<% president = new java.util.HashMap(); %><o:p>

<% president.put("name", "James Madison"); %><o:p>

<% president.put("nickname", "Father of the Constitution"); %><o:p>

<% president.put("term", "1809-17"); %><o:p>

<% presidents.add(president); %><o:p>

<o:p> </o:p>

<% president = new java.util.HashMap(); %><o:p>

<% president.put("name", "James Monroe"); %><o:p>

<% president.put("nickname", "The Last Cocked Hat, Era-of-Good-Feelings President"); %><o:p>

<% president.put("term", "1817-25"); %><o:p>

<% presidents.add(president); %><o:p>

<o:p> </o:p>

<% president = new java.util.HashMap(); %><o:p>

<% president.put("name", "John Adams"); %><o:p>

<% president.put("nickname", "Old Man Eloquent"); %><o:p>

<% president.put("term", "1825-29"); %><o:p>

<% presidents.add(president); %><o:p>

<o:p> </o:p>

<% request.setAttribute("pres", presidents); %><o:p>

<o:p> </o:p>

以下代码使用 eXtremeComponents 的标签来生成表格 <o:p> </o:p>

<o:p> </o:p>

    <ec:table <o:p>

        items="pres"<o:p>

        action="${pageContext.request.contextPath}/test.jsp"<o:p>

        imagePath="${pageContext.request.contextPath}/images/table/*.gif"<o:p>

        title="Presidents"<o:p>

        width="60%"<o:p>

        rowsDisplayed="5"<o:p>

        ><o:p>

        <ec:row><o:p>

            <ec:column property="name"/>        显示的列 <o:p> </o:p>

            <ec:column property="nickname"/><o:p>

            <ec:column property="term"/><o:p>

        </ec:row><o:p>

    </ec:table><o:p>

<o:p> </o:p>

<o:p> </o:p>

这集录像的内容很简单，用来测试一下新的录像制作工具！！！<o:p>

<o:p> </o:p>

bye!!!

oksonic 2006-04-22 23:21 发表评论