jsf 中的datatable 和 dataScroller 用法

最近学习jsf ,适用的是myfaces控件库,但是在用datascroller的时候遇到一个问题,基本上无法分页,十分郁闷。点击下一页的时候就告诉你网页有错误,根本没法应。后来发现竟然要在web.xml中配置相关内容。
首先看一下datatable和datascroller的sample。

<body>
<f:view>
    <h:form>

            <t:dataTable value="#{scrollerList.list}" var="varIter" id="data"
                rows="10">
                <%-- nitrox:varType="com.liang.SimpleCar" --%>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Id" />
                    </f:facet>
                    <h:outputText value="#{varIter.id}" />
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Color" />
                    </f:facet>
                    <h:outputText value="#{varIter.color}" />
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Type" />
                    </f:facet>
                    <h:outputText value="#{varIter.type}" />
                </h:column>
            </t:dataTable>
            <f:verbatim>
                <br />
            </f:verbatim>
        <t:dataScroller for="data" paginator="true" paginatorMaxPages="6">
            <f:facet name="first">
                <h:graphicImage url="/images/arrow-first.gif"/>
            </f:facet>
            <f:facet name="previous">
                <h:graphicImage url="/images/arrow-previous.gif"/>
            </f:facet>
            <f:facet name="next">
                <h:graphicImage url="/images/arrow-next.gif"/>
            </f:facet>
            <f:facet name="last">
                <h:graphicImage url="/images/arrow-last.gif"/>
            </f:facet>
            <f:facet name="fastforward">
                <h:graphicImage url="/images/arrow-ff.gif"/>
            </f:facet>
            <f:facet name="fastrewind">
                <h:graphicImage url="/images/arrow-fr.gif"/>
            </f:facet>
        </t:dataScroller>
            </h:form>
</f:view>

</body>

</html>
 

然后在web.xml中加入能上传文件的filter:

    <filter>
        <filter-name>extensionsFilter</filter-name>
        <filter-class>
            org.apache.myfaces.webapp.filter.ExtensionsFilter
        </filter-class>
        <init-param>
            <param-name>maxFileSize</param-name>
            <param-value>20m</param-value>
            <description>
                Set the size limit for uploaded files. Format: 10 - 10
                bytes 10k - 10 KB 10m - 10 MB 1g - 1 GB
            </description>
        </init-param>
        <init-param>
            <param-name>uploadThresholdSize</param-name>
            <param-value>100k</param-value>
        </init-param>
    </filter>
   
    <filter-mapping>
        <filter-name>extensionsFilter</filter-name>
        <servlet-name>faces</servlet-name>
    </filter-mapping>
    <!-- extension mapping for serving page-independent resources (javascript, stylesheets, images, etc.)  -->
    <filter-mapping>
        <filter-name>extensionsFilter</filter-name>
        <url-pattern>/faces/*</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>extensionsFilter</filter-name>
        <url-pattern>*.jsf</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>extensionsFilter</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>


这就可以了,如果web.xml中没有上述内容,datascroller则无法使用。
具体为什么,明天再思考。呵呵

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值