SelectManyShuttle组件的简单使用

介绍

ADF中的多选组件多种多样，有<af:SelectManyCheckbox>,<af:SelectManyChoice>, <af:SelectManyListbox>,<af:selectManyShuttle>等，各组件使用起来都大同小异，都以数组来存储选中的值。

selectManyShuttle组件提供了用户的良好体验，本文简单介绍selectManyShuttle使用，其它多选组件可以自行举一反三。

selectManyShuttle组件效果预览如下图：

步骤

编写和配置Manage Bean（说明参见注释）

[java]  view plain copy

1. package adf.selectmanyshuttle.view.bean;  
2.   
3.   
4. import java.util.ArrayList;  
5. import java.util.Arrays;  
6. import java.util.List;  
7.   
8. import javax.faces.event.ValueChangeEvent;  
9.   
10. import oracle.adf.view.rich.context.AdfFacesContext;  
11.   
12. public class SelectManyShuttleBean {  
13.       
14.     //保存选中值的数组  
15.     private String[] selectedValues;  
16.       
17.     //显示选中结果  
18.     private String showMessage = "";  
19.       
20.     //用于提供SelectManyShuttle中的列表值  
21.     private List<String> values;  
22.       
23.     public SelectManyShuttleBean() {  
24.         super();  
25.           
26.         //初始化选框列表  
27.         if(values == null) {  
28.             values = new ArrayList<String>();       
29.         }  
30.         values.add("AAAAAAA");  
31.         values.add("BBBBBBB");  
32.         values.add("CCCCCCC");  
33.         values.add("DDDDDDD");  
34.         values.add("EEEEEEE");  
35.           
36.         //初始化选择的值  
37.         selectedValues = new String[] {"AAAAAAA", "BBBBBBB"};  
38.     }  
39.   
40.     public String showSelectedValues() {  
41.         // Add event code here...  
42.         if(selectedValues != null) {  
43.             for(int i=0; i<selectedValues.length; i++) {  
44.                 showMessage = showMessage + selectedValues[i] + ";";  
45.             }  
46.         }  
47.         return null;  
48.     }  
49.       
50.     public void setSelectedValues(String[] selectedValues) {  
51.         String[] tempValues = selectedValues;  
52.         if(selectedValues != null) {  
53.             List<String> newValues = new ArrayList<String>(Arrays.asList(selectedValues));  
54.             List<String> oldValues = new ArrayList<String>(Arrays.asList(this.selectedValues));  
55.             //特殊处理，选中DDDDDDD的同时，选中自动选中EEEEEEE  
56.             if(newValues.contains("DDDDDDD") && !oldValues.contains("DDDDDDD")) {  
57.                 if(!newValues.contains("EEEEEEE") ) {  
58.                     newValues.add("EEEEEEE");  
59.                     tempValues = newValues.toArray(new String[] {});  
60.                 }   
61.             }  
62.         }   
63.         this.selectedValues = tempValues;  
64.     }  
65.   
66.     public String[] getSelectedValues() {  
67.         return selectedValues;  
68.     }  
69.   
70.     public void setValues(List<String> values) {  
71.         this.values = values;  
72.     }  
73.   
74.     public List<String> getValues() {  
75.         return values;  
76.     }  
77.   
78.     public void setShowMessage(String showMessage) {  
79.         this.showMessage = showMessage;  
80.     }  
81.   
82.     public String getShowMessage() {  
83.         return showMessage;  
84.     }  
85. }  

[html]  view plain copy

1. <?xml version="1.0" encoding="UTF-8" ?>  
2. <adfc-config xmlns="http://xmlns.oracle.com/adf/controller" version="1.2">  
3.   <managed-bean id="__2">  
4.     <managed-bean-name id="__4">SelectManyShuttleBean</managed-bean-name>  
5.     <managed-bean-class id="__3">adf.selectmanyshuttle.view.bean.SelectManyShuttleBean</managed-bean-class>  
6.     <managed-bean-scope id="__1">request</managed-bean-scope>  
7.   </managed-bean>  
8. </adfc-config>  

构建页面

[html]  view plain copy

1. <?xml version='1.0' encoding='UTF-8'?>  
2. <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"  
3.           xmlns:f="http://java.sun.com/jsf/core"  
4.           xmlns:h="http://java.sun.com/jsf/html"  
5.           xmlns:af="http://xmlns.oracle.com/adf/faces/rich">  
6.   <jsp:directive.page contentType="text/html;charset=UTF-8"/>  
7.   <f:view>  
8.     <af:document id="d1">  
9.       <af:form id="f1">  
10.         <af:panelGroupLayout id="pgl1" layout="vertical"  
11.                              inlineStyle="margin:5.0%;">  
12.           <!--value属性初始化选中结果和保存选中结果-->  
13.           <af:selectManyShuttle  
14.                                 value="#{SelectManyShuttleBean.selectedValues}"  
15.                                 id="sms1" autoSubmit="true"  
16.                                 partialTriggers="sms1">  
17.             <!--通过for each循环List初始化列表值-->  
18.             <af:forEach items="#{SelectManyShuttleBean.values}" var="item">  
19.               <af:selectItem id="si1" value="#{item}" label="#{item}"/>  
20.             </af:forEach>  
21.           </af:selectManyShuttle>  
22.           <af:spacer width="10" height="10" id="s1"/>  
23.           <af:outputText id="ot1" value="#{SelectManyShuttleBean.showMessage}"/>  
24.           <af:commandButton text="Show Selected Values" id="cb1"  
25.                             action="#{SelectManyShuttleBean.showSelectedValues}"/>  
26.         </af:panelGroupLayout>  
27.       </af:form>  
28.     </af:document>  
29.   </f:view>  
30. </jsp:root>  

参考文档

http://docs.oracle.com/cd/E23943_01/apirefs.1111/e12419/tagdoc/af_selectManyShuttle.html

转自：http://blog.youkuaiyun.com/ygj26/article/details/8822388