Çå·ç»ÃÓ°µÄ²©¿Í

°²×°ÒªÇó

1¡¢Servlet 2.3 »ò¸ü¸ß

2¡¢ JDK 1.3.1 »ò¸ü¸ß

×îСµÄJarsÐèÇó

1¡¢commons-beanutils 1.6

2¡¢commons-collections 3.0

3¡¢ commons-lang 2.0

4¡¢ commons-logging 1.0.4

5¡¢ standard 1.0.2

PDF µ¼³öÒªÓõ½µÄ°ü:

1¡¢ avalon-framework 4.0

2¡¢batik 1.5-fop-0.20-5

3¡¢ fop 0.20.5

4¡¢ xalan 2.5.1

5¡¢ xercesImpl 2.6.1

6¡¢ xml-apis 2.0.2

XLS µ¼³öÒªÓõ½µÄ°ü:

1¡¢ poi-2.5.1.jar

£²¡¢°²×°Óë²âÊÔ

ÏÂÔؽâѹµ½µÄÖ÷ÒªÎļþ°üÀ¨

[1]srcÔ´Îļþ

[2]extremecomponents.jarÒÔ¼°ÆäËüËùÒÀÀµµÄ°ü

[3]tldÎļþ

extremecomponents.tld

[4]Ò»×éĬÈÏÑùʽ¼°Í¼Æ¬

extremecomponents.css

[5]ÓÃÒÔУÑé°²×°µÄ²âÊÔÒ³Ãæ

test.jsp

[6]docÎĵµ£¬±È½ÏÏêϸ

¿ìËÙÅäÖð²×°

web appĿ¼½á¹¹

/ROOT

   ¡¡¡¡/WEB-INF/web.xml

       ¡¡/tld/extremecomponents.tld

           /lib

           /classes/extremecomponents.properties

                   [extremecomponents.propertiesÎļþ¿Éµ½source\org\extremecomponents\table\core\Öеõ½]

     ¡¡/images/*.jpg [Ò»×éĬÈÏÑùʽ¼°Í¼Æ¬]

     ¡¡/css/extremecomponents.css

     ¡¡/test.jsp

     ¡¡/index.jsp [ÓÃÓÚѧϰÒÔ¼°À©Õ¹²âÊÔÓôúÂëÇë¼ûÏÂ]

web.xml¡¡ÅäÖÃ

°üÀ¨taglib uri ¶¨ÒåÒÔ¼°µ¼³öÎļþfilter£¬ÓÉÓÚÖ»ÊÇÊְ幦·ò,ÕâÀï¾ÍÂÔ¹ýÁË,Ïà¹Ø´úÂëÈçÏÂ:

<taglib>

<taglib-uri>/tld/extremecomponents</taglib-uri>

<taglib-location>/WEB-INF/tld/extremecomponents.tld</taglib-location>

</taglib>

<filter>

<filter-name>eXtremeExport</filter-name>

<filter-class>org.extremecomponents.table.filter.ExportFilter</filter-class>

</filter>

<filter-mapping>

<filter-name>eXtremeExport</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

ÅäÖúÃËùÓк󣬿ªtomcat£¬²âÊÔä¯ÀÀhttp://your_web_app/test.jsp£¬¿´µ½

Congratulations!! You have successfully configured eXtremeTable!

¹§Ï²Ä㣬Õâ±íʾ°²×°³É¹¦£¡

£³¡¢¶¯ÊÖѧϰÕâ¸ötaglib

½¨index.jspÒ³Ãæ,Ð޸ĴúÂëÈçÏÂ

<%@ page contentType="text/html;charset=GBK"%>

<%@ page import="java.util.*"%>

<%@ taglib uri="/tld/extremecomponents" prefix="ec" %>

<!-- ÔÚ±¾Ò³ÒªÓõ½jstl-->

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!--ʹÓÃincludeµÄ·½Ê½-->

<link rel="stylesheet" type="text/css" href="<c:url value="/extremecomponents.css"/>">

<%

    List goodss = new ArrayList();

    for (int i = 1; i <= 10; i++)

    {

        Map goods = new java.util.HashMap();

        goods.put("code", "A00"+i);

        goods.put("name", "Ãæ°ü"+i);

        goods.put("status", "A:valid");

        goods.put("born", new Date());

        goodss.add(goods);

    }

    request.setAttribute("goodss", goodss);

%>

<ec:table

 collection="goodss"

    action="${pageContext.request.contextPath}/test.jsp"

    imagePath="${pageContext.request.contextPath}/images/*.gif"

    cellpadding="1"

    title="my bread">

<ec:column property="code"/>

<ec:column property="name"/>

<ec:column property="status"/>

<ec:column property="born" cell="date" format="yyyy-MM-dd"/>

</ec:table>

Ч¹ûÈçÏÂ:

[1] 1.0.1-M1 °æÖ§³Ö¹ú¼Ê»¯

ÐÞ¸Äweb.xmlÎļþÔö¼Ó

<context-param>

   <param-name>extremecomponentsResourceBundleLocation</param-name>

   <param-value>com.itorgan.tags.extreme.extremetableResourceBundle</param-value>

</context-param>

ÒâÖ¸µ½ com.itorgan.tags.extreme ÏÂÕÒ extremetableResourceBundle_[language]_[country].properties Îļþ

extremetableResourceBundle_en_US.properties´úÂëÈçÏÂ

table.statusbar.resultsFound={0} results found, displaying {1} to {2}

table.statusbar.noResultsFound=There were no results found.

table.toolbar.showAll=Show All

extremetableResourceBundle_zh_CN.propertiesÈçÏÂ.

table.statusbar.resultsFound={0} \Ìõ\¼Í\¼\·û\ºÏ\Ìõ\¼þ, \ÏÖ\ÔÚ\ÊÇ\µÚ {1} \ÖÁ {2} \Ìõ\¼Í\¼

table.statusbar.noResultsFound=\û\ÓÐ\Òª\²é\ѯ\µÄ\¼Í\¼\¡£

table.toolbar.showAll=\Ëù \ÓÐ

²¹³ä:ÖÐÎÄ - > Unicode±àÂë¡¡¿Éͨ¹ý·´±àÒëclassÎļþ»òÓÃnative2asciiÃüÁîµÃµ½ ¡£

È»ºóÔÚtable±êÇ©ÖÐÔö¼ÓlocaleÊôÐÔ¼´¿ÉÇл»

<ec:table

    ¡­¡­¡­¡­¡­¡­

    ¡­¡­¡­¡­¡­¡­

    ¡­¡­¡­¡­¡­¡­

    locale="en_US"

>

<ec:table

    ¡­¡­¡­¡­¡­¡­

    ¡­¡­¡­¡­¡­¡­

    ¡­¡­¡­¡­¡­¡­

    locale="zh_CN"

>

[2] ±£ÁôtableµÄÉÏÒ»´Î״̬

      ÊÇÖ¸,²»¹ÜÌøתµ½ÁíÒ»¸öºóÔÙ·µ»Ø,extremeTable»á½«Ö®Ç°µÄFilter,Sort²ÎÊý±£´æµ½sessionÖУ¬ÒÔÖÁ·µ»Ø¿´µ½µÄÒ³Ã滹ÊÇ֮ǰµÄ״̬.

ʵÏÖ²Ù×÷·½·¨:

ÐÞ¸Äextremecomponents.propertiesÎļþ

table.useSessionFilterSortParam=foo

saveFilterSort="true" ×¢Ò⣺saveFilterSort="true"²»ÄÜÔÚpropertiesÎļþÖÐÅäÖã¬Ö»ÄÜÔÚÒ³ÃæÖÐÉè

¡¡<ec:table

    ¡­¡­¡­¡­¡­¡­¡­¡­

    saveFilterSort="true"

/ec:table>

<a href="1.jsp">Ìøµ½</a>

н¨Ò»Ò³ÃæÓÃÓÚÌøתµÄÒ³Ãæ 1.jsp

´úÂëΪ

<a href="test.jsp?foo=true">Back</a>

[3] ÑùʽÐÞ¸Ä

»ù±¾µÄHTML½á¹¹

<div class="eXtremeTable" >

<table border="0"  cellpadding="0"  cellspacing="0"  width="100%" >

    <tr>

        <td class="title" ><span><!--±êÌâ--></span></td>

        <td align="right" >

        <table border="0"  cellpadding="0"  cellspacing="1"  class="toolbar" >

            <tr>

      <form name="pres_toolbar"  action="/extremesite/public/demo/presidents.jsp" >

            <!--¹¤¾ßÀ¸£¬°üÀ¨ÉÏÒ»Ò³£¬ÏÂÒ»Ò³ÒÔ¼°µ¼³ö-->

            </tr>

            <tr> 

      </form>

            </tr>

        </table>

        </td>

    </tr>

</table>

<table id="pres"  border="0"  cellspacing="2"  cellpadding="0"  width="100%"  class="tableRegion" >

    <tr>

        <td colspan="6" >

        <table border="0"  cellpadding="0"  cellspacing="0"  width="100%" >

            <tr>

                <td class="statusBar" >43 results found, displaying 1 to 12 </td>

                <td class="filterButtons" ></td>

            </tr>

        </table>

        </td>

    </tr>        

<form name="pres_filter"  action="/extremesite/public/demo/presidents.jsp" >

    <tr class="filter"  id="filter" >

        <!--¹ýÂËÌõ¼þµÄinput¿ò-->

    </tr>

</form>

    <tr>

        <!--tableHead-->

    </tr>

    <tbody class="tableBody" >

    <tr>

        <!--column-->

    </tr>

    </tbody>

</table>

</div>

extremeTableÖ§³ÖÑùʽ¿ìËÙÇл».¿É×Ô¶¨µÄÑùʽ°üÀ¨column µÄtdÒÔ¼°tableµÄһЩÊôÐÔ£¬ÀýÈçcellpaddingµÈ£¬

Áí±¾ÈË·¢ÏÖ£¬ÔÚpropertiesÖÐÈçÏÂÉèÖÃtableHeaderµÄÑùʽÊDz»Ðеģ®²»ÖªµÀÊÇ·ñÒ»¸ö£Â£Õ£Ç

table.headerClass=itoTableHeader

table.headerSortClass=itoTableHeaderSort

Ö»Äܼ̳ÐÒ»¸öHeaderCell

public class HeaderCell extends org.extremecomponents.table.cell.HeaderCell

{

    public final static String TABLE_HEADER = "itoTableHeader";

    public final static String TABLE_HEADER_SORT = "itoTableHeaderSort";

£ý

еÄÑùʽ´úÂ룺

<LINK REL="stylesheet" HREF="<c:url value="/style.css"/>" TYPE="text/css">

 <ec:table

 collection="goodss"

    action="${pageContext.request.contextPath}/test.jsp"

    imagePath="${pageContext.request.contextPath}/images/*.gif"

    cellpadding="1"

    title="my bread"

    saveFilterSort="true"

    locale="zh_CN"

>

<ec:column property="code" title="񅧏" width="100" styleClass="GridTd"/>

<ec:column property="name" title="Ãû³Æ" width="200" styleClass="GridTd"/>

<ec:column property="status" title="״̬" width="80" styleClass="GridTd"/>

<ec:column property="born" title="Éú²úÈÕÆÚ" width="100" cell="date" format="yyyy-MM-dd" styleClass="GridTd"/>

</ec:table>

Ч¹û¼ûÏÂ:

[4] ʵÏÖ table width ×Ô¶¯ÀÛ¼Ó

Ô­À´µÄextremeTable¡¡¿í¶ÈÒª×Ô¼ºset¡£²»»á×Ô¶¯ÄܹýÏÂÃæµÄcolumnÀÛ¼Ó¡£

±¾ÈË×÷Á˸öÐÞ¸ÄÒÔ´ïµ½×Ô¶¯ÀÛ¼Ó£¬Ê¡µÃ×Ô¼º¼ÓдÉÏÈ¥£º

²é¿´htmlView.java¡¡Á½´¦µØ·½¡¡

toolbarPlacement

tableStart¿É¼ûÁ½´¦µØ·½ÒªÐ޸ĵÄ

[5] custom cell

ÔÚpropertiesÎļþÖÐÎÒÃǿɹ۲쵽:

table.cell_=display

table.cell_currency=org.extremecomponents.table.cell.NumberCell

table.cell_number=org.extremecomponents.table.cell.NumberCell

table.cell_display=org.extremecomponents.table.cell.DisplayCell

table.cell_date=org.extremecomponents.table.cell.DateCell

µ± column ĬÈÏʹÓÃorg.extremecomponents.table.cell.DisplayCell

public class DisplayCell extends BaseCell {

    public String html() {

        HtmlBuilder html = new HtmlBuilder();

        html.append(startTD());

        Object value = column.getValue();

        if (value != null && StringUtils.isNotEmpty(value.toString())) {

            html.append(value);

        } else {

            html.append("&nbsp;");

        }

        html.append(endTD());

        return html.toString();

    }

}

ecÒÑÆäËücell

ÈÕÆÚ¸ñʽ»¯£º cell = " date " format = " yyyy-MM-dd "

Êý×Ö¸ñʽ»¯£º cell="currency" format="###,###,##0.00"

ÁíÍ⣬extremeTableÖ§³Ö×Ô¶¨Òåcell

ÔÚÕâÀïÎÒÒÔÒ»¸ö¼òµ¥µÄÀý×Ó[ÒÔinput¿òµÄÐÎʽ³öÏÖ] ˵Ã÷ÈçºÎʵÏÖÕâÒ»·½±ãµÄÀ©Õ¹

public class DemoInput extends BaseCell

{

      public String html()

    {

        Integer rowNum = rowcount;

        HtmlBuilder html = new HtmlBuilder();

        html.append(startTD());

        Object value = column.getValue();

        HtmlBuilder input = new HtmlBuilder();

        input.input("text");

        input.name(column.getProperty() + "_" + rowNum);

        input.value(value.toString());

        input.close();

        html.append(input.toString());

        html.append(endTD());

        return html.toString();

    }

}

propertiesÎļþÔö¼Ó

table.cell_demoInput =org.extremecomponents.table.cell.DemoInput 

jsp´úÂë

<ec:column property="code" title="±àºÅ" width="100" cell="demoInput" styleClass="GridTd"/>

Ч¹ûÏÔʾΪ

µ±È»ÕâÖ»ÊÇÒ»¸ö¼òµ¥µÄdemoÒÔ˵Ã÷ÈçºÎ×Ô¶¨Òåcell

ÈçÉÏÃæÄã¿ÉÒÔ¼òµ¥µÄʵÏÖͬÑù¹¦ÄÜ

<ec:column property="code" title="±àºÅ" width="100" styleClass="GridTd">

<input type="text" value="${goodss.code}" name="code_${ROWCOUNT}">

</ec:column>

[6]Extended Attributes

а汾֧³ÖExtended Attributes£¬·½±ãÁËÓû§À©Õ¹£¬¼ÇµÃ0.9°æ±¾Ê±»¹ÒªÎÒÐ޸ģθöµØ·½£¬ÏÖÔÚΪtable,columnÔö¼Óattribute·½±ã¶àÁË.

ΪtableÔö¼ÓÒ»¸öheightµÄÊôÐÔ

public class TableTag extends org.extremecomponents.table.tag.TableTag

{

    //div µÄ¸ß¶È

    private String height;

    public String getHeight()

    {

        return height;

    }

    public void setHeight(String height)

    {

        this.height = height;

    }

    public void addExtendedAttributes(Attributes attributes)

    {

        attributes.addAttribute("height", getHeight());

    }

    /**//**

     * set the new attribuer to null - by ito

     */

    public void release()

    {

        super.release();

        height = null;

    }

}

È»ºó¾Í¿ÉÒÔͨ¹ý

model.getTableHandler().getTable().getAttribute("height")È¡µÃÕâ¸öÖµ£®¿ÉÒÔ·½±ãÀ©Õ¹£®

[7] ½â¾öexcelÖÐÎÄÎÊÌâ

¼Ì³ÐXlsView.java

    private void body(BaseModel model, Column column, boolean isFirstColumn, boolean isLastColumn) {

      //Ô­À´µÄ´úÂëÂÔ

        hssfCell.setEncoding(HSSFCell.ENCODING_UTF_16); //½â¾öÖÐÎÄÂÒÂë

//Ô­À´µÄ´úÂëÂÔ

    }

    private void createHeader(BaseModel model) {

       //Ô­À´µÄ´úÂëÂÔ

        hssfCell.setEncoding(HSSFCell.ENCODING_UTF_16); //½â¾öÖÐÎÄÂÒÂë

//Ô­À´µÄ´úÂëÂÔ

   }

[8] ½â¾öpdfÖÐÎÄÎÊÌâ

°ïPOF×¢²áÖÐÎÄ×ÖÌ壬ÔÙÐÞ¸Äexport view¼´¿É½â¾ö

[9] Pagination

[10] ÆäËüÁÁµã

A sortable Óë exportable ÊôÐÔ ,·Ö±ðÖ¸¿É·ñÅÅÐò,¿É·ñµ¼³ö. ֵΪ false/true

B ¿ÉÒÔÖ±½ÓÔÚ<ec:column></e:column>ÖмÓhtml´úÂë.

    ²¢¿ÉÓÃ{collectionName.objectName}ÀàËƵÄÓ﷨ȡµÃµ±Ç°objectµÄ³ÉÔ±±äÁ¿Öµ

C  ${ROWCOUNT}¿ÉÈ¡µ±Ç°row num,ÊÇÖ¸ÒÔ1¿ªÊ¼¼ÆËã 

D  ecÁíÒ»ÁÁµã¾Í°ïÎÒÃÇдºÃÁËform ,ÈçÉÏ´úÂë:

      <ec:form name="mainform" action="goods.do"> </ec:form> ÉèÖÃform nameÒÔ¼°action

²Î¿¼Îĵµ

http://extremecomponents.org/extremesite/public/documentation.jsp