t:dataScroller的使用-使用binding的时候会出现的问题

一.问题阐述
   
    根据不同的输入条件，查询出符合要求的结果（records），放到list中，并将该list赋值给t:dataTable,在前台显示出来。当第一次搜索出来的records条数过多时，用t:dataScroller进行分页。

   问题是当user点击t:dataScroller查看完第2或3页（即非第一页）以后，再输入不同的查询条件，想查看其他的records，这时 list会在back bean里被附上新值，并用t:dataTable显示在页面上，而此时t:dataScroller默认显示的页码不是第一页，而是上一次查看时显示的 页码。而我们希望t:dataScroller默认显示页码一。

二.解决办法

  这里有两种解决办法。第一种，利用t:dataScroller的binding属性，在后台bean里规定t:dataScroller显示的页码。
第二种，是不设置t:dataScroller的binding属性，直接从backbean中获取t:dataScroller元素，并在每次所用道德查询方法中设置其显示的页码。

三.具体代码

A、第一种方法：

1.页面代码：

 

<t:dataTable id="list" var="cust" value="#{Mbean.list}" > <t:column> <f:facet name="header"> <h:outputText value="Customer Name" /> </f:facet> <h:outputText value="#{cust.custName}"/> </t:column> <t:column> <f:facet name="header"> <h:outputText value="Customer Info" /> </f:facet> <h:outputText value="#{cust.custInfo}"/> </t:dataTable> <t:dataScroller for="list" binding="#{Mbean.scroller}" fastStep="10" pageCountVar="pageCount" pageIndexVar="pageIndex" paginator="true" paginatorMaxPages="10" paginatorActiveColumnStyle="font-weight:bold;text-decoration:none;" renderFacetsIfSinglePage="false" immediate="false"> <f:facet name="first"> <t:graphicImage id="firstImg" url="/shared/images/pagination/first.gif" border="1" /> </f:facet> <f:facet name="last"> <t:graphicImage id="lastImg" url="/shared/images/pagination/last.gif" border="1" /> </f:facet> <f:facet name="previous"> <t:graphicImage id="prevImg" url="/shared/images/pagination/previous.gif" border="1" /> </f:facet> <f:facet name="next"> <t:graphicImage id="nextImg" url="/shared/images/pagination/next.gif" border="1" /> </f:facet> <f:facet name="fastforward"> <t:graphicImage id="ffImg" url="/shared/images/pagination/fforward.gif" border="1" /> </f:facet> <f:facet name="fastrewind"> <t:graphicImage id="frImg" url="/shared/images/pagination/fbackward.gif" border="1" /> </f:facet> </t:dataScroller>

 

2.后台bean代码：

 

public class ManageBean { private List<Customer> list=new ArrayList<Customer>(); private HtmlDataScroller scroller; getList(){ HibernateUtil.getSessionFactory().getCurrentSession().beginTransaction(); CustHibernateDao dao=new CustHibernateDao(); List<Customer> list=dao.getCustByName(custName); HibernateUtil.getSessionFactory().getCurrentSession().getTransaction().commit(); if(getScroller() != null && getScroller().isPaginator()) { getScroller().getUIData().setFirst(0);//使dataTable显示第一页 } return list; } public HtmlDataScroller getScroller() { return scroller; } public void setScroller(HtmlDataScroller scroller) { this.scroller = scroller; } }

 

B、第二种方法：

1、页面代码

 

<t:dataTable id="list" var="cust" value="#{Mbean.list}" > <t:column> <f:facet name="header"> <h:outputText value="Customer Name" /> </f:facet> <h:outputText value="#{cust.custName}"/> </t:column> <t:column> <f:facet name="header"> <h:outputText value="Customer Info" /> </f:facet> <h:outputText value="#{cust.custInfo}"/> </t:column> <f:facet name="footer"> <t:dataScroller for="list" fastStep="10" pageCountVar="pageCount" pageIndexVar="pageIndex" paginator="true" paginatorMaxPages="10" paginatorActiveColumnStyle="font-weight:bold;text-decoration:none;" renderFacetsIfSinglePage="false" immediate="false"> <f:facet name="first"> <t:graphicImage id="firstImg" url="/shared/images/pagination/first.gif" border="1" /> </f:facet> <f:facet name="last"> <t:graphicImage id="lastImg" url="/shared/images/pagination/last.gif" border="1" /> </f:facet> <f:facet name="previous"> <t:graphicImage id="prevImg" url="/shared/images/pagination/previous.gif" border="1" /> </f:facet> <f:facet name="next"> <t:graphicImage id="nextImg" url="/shared/images/pagination/next.gif" border="1" /> </f:facet> <f:facet name="fastforward"> <t:graphicImage id="ffImg" url="/shared/images/pagination/fforward.gif" border="1" /> </f:facet> <f:facet name="fastrewind"> <t:graphicImage id="frImg" url="/shared/images/pagination/fbackward.gif" border="1" /> </f:facet> </t:dataScroller> </f:facet> </t:dataTable>

 

2.后台bean代码：

 

public class ManageBean { private List<Customer> list=new ArrayList<Customer>(); getList(){ HibernateUtil.getSessionFactory().getCurrentSession().beginTransaction(); CustHibernateDao dao=new CustHibernateDao(); List<Customer> list=dao.getCustByName(custName); HtmlDataScroller scroller = (HtmlDataScroller)context.getViewRoot().findComponent("btmForm:custStatusList:scroller"); if(scroller != null && scroller.isPaginator()){ scroller.getUIData().setFirst(0);//使dataTable显示第一页 } HibernateUtil.getSessionFactory().getCurrentSession().getTransaction().commit(); return list; } }

 

 

四.注意事项

     值得注意的是，在方法一中，一旦用了binding，不要给t:dataScroller附id属性，不然，如果使用firefox3.0的浏览器，tomcat会在后台会报component id重复的异常，但在页面上不会有任务异常。IE，google等浏览器则不受影响。并且第一种方法不是很稳定，有时即使不给t:dataScroller附id属性也会报component id重复的异常。因此，这里建议用
第二种方法。之所以列出第一种方法，是因为毕竟是自己智慧的结晶，虽然是失败的作品，但也许其他读者仍可以从中找到有价值的东西。
    这里还需要强调一点，在第二种方法中，t:dataScroller必须放在t:dataTable的footer里，不然是从后台取不到HtmlDataScroller的。