JSF实例：组件显示(隐藏)与数据排序

　2008-01-05 10:30:07　来源：WEB开发网　闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹

闂傚倷绀侀幉锟犲垂閻㈠灚宕查柟鎵閸庡秵銇勯幒鎴濃偓鐢稿磻閹炬枼妲堟繛鍡楃С濞岊亞绱撻崒姘扁枌闁瑰嚖鎷�

婵犵數濮幏鍐川椤撴繄鎹曢梻渚€娼уú銈吤洪妸鈺佺劦妞ゆ帊鑳堕埊鏇㈡煏閸モ晛浠х紒杈╁仱閺佹捇鏁撻敓锟�闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹　　闂傚倷鑳舵灙缂佺粯顨呴埢宥夊即閵忕姵鐎梺缁樺姇閻忔氨鈧凹鍓熷娲垂椤曞懎鍓伴梺閫炲苯澧紒澶婄秺瀵濡歌閸嬫捇妫冨☉娆忔殘闂佷紮缍€娴滎剟鍩€椤掑倹鏆柛瀣躬瀹曚即寮借閺嗭箓鏌ㄩ悤鍌涘

核心提示：JSF中处理组件的显示和隐藏、数据的排序等相对其它框架非常轻易和直接了当，常被教科书作为实例分析和讲解，JSF实例：组件显示(隐藏)与数据排序，下面这个实例来自名为《 Mastering javaServer Faces中文版》的书（略有改动），通过组件的显示（或隐藏）及数据的排序来讲解JSF中UI组件的用法，聪明的

　　JSF中处理组件的显示和隐藏、数据的排序等相对其它框架非常轻易和直接了当，常被教科书作为实例分析和讲解。下面这个实例来自名为《 Mastering javaServer Faces中文版》的书（略有改动），通过组件的显示（或隐藏）及数据的排序来讲解JSF中UI组件的用法。

　　先看看它的界面共三个（1）index.jsp,

JSF实例：组件显示(隐藏)与数据排序（图一）

（2）ModifyInvoice.jsp，这个修改发票界面有一个显示（隐藏）按钮，点击时可显示（或隐藏）部分组件。

JSF实例：组件显示(隐藏)与数据排序（图二）

（3）ViewInvoices.jsp，显示全部发票的列表。并可以按发票序号和数额排序。

JSF实例：组件显示(隐藏)与数据排序（图三）

主要看看这个页面中，当点击发票的发票序号时如何正确返回到ModifyInvoice.jsp页面（在我们自己的实践当中一定要碰到的问题啊，通常的做法是超链接当中带参数）。当然首先要在faces-config.xml文件中定义导航法则：

　/ViewInvoices.jsp
　
　　modifyInvoice
　　/ModifyInvoice.jsp
　

从源码可以知道这个页面通过一个标记来显示所有发票。

...
　value="#{invoice.invoiceNumber}" 　 action="#{viewInvoicesPage.modifyInvoice}">
　

.....

从上看出，当我们点击发票的序号时，JSF调用viewInvoicesPage.modifyInvoice方法。

 public String modifyInvoice() {
   FacesContext facesContext = FacesContext.getCurrentInstance();
        
   UIViewRoot root = facesContext.getViewRoot();
   UIData table = (UIData) root.findComponent("invoiceForm").findComponent("table");
   InvoiceBean invoice = (InvoiceBean) table.getRowData();

   ValueBinding binding = 
　　facesContext.getapplication().createValueBinding("#{modifyInvoicePage}");
   ModifyInvoicePage detailPage = (ModifyInvoicePage) binding.getValue(facesContext);
    

   detailPage.setInvoice(invoice);
        
   return "modifyInvoice";
    }

　　如此看来，当用标记显示数据时，聪明的JSF用getRowData()可以知道你点击了那一行（即那一个发票号，这实际上是JSF将标记转为Html链接时自动加上了行索引），再将这一行数据传给 ModifyInvoice.jsp页。