隨筆-348 
評論-598 
文章-0 
trackbacks-0

          
	

          

          
	
					


          
	
	這個方法不是太完美，但可以解決JSF的DataTable和SelectOneRadio搭配問題。每條記錄每一行一個radio進行單選，只會選中一條。
          
首先，在頁面中datatable的column中加入
          

                                                      <h:selectOneRadio id="xx" value="#{entrance.test}">
          
                                                          <f:selectItem itemValue="#{obj.corpOutInfo.coiId}" itemLabel="#{obj.corpOutInfo.corpName}"/>
          
                                                      </h:selectOneRadio>
          
然后加入一段jquery的代碼用于在用戶切換選擇的時候，先將所有radio的checked狀態(tài)都置為false。
          

          <script type="text/javascript">
          
        jQuery.noConflict();          //與JSF搭配需要這句話，不然會有沖突
          
                  jQuery(document).ready(function() {
          

          
            jQuery(          ":radio").click(function(){
          
                update(          this);
          

          
             }          );
          
        }          );
          
                  </script>
          
                  <script type="text/javascript">
          
                  function update(currentRadio)
          
                  {
          

          
                      var parentTables = jQuery(currentRadio).parents("table"); 
          
                      var parentTable = parentTables[0];    
          

          
                      var childDivs = jQuery(parentTable).next("div");        
          
                      var childDiv = childDivs[0];        
          

          
            jQuery(childDiv).contents().find(          ":radio").each(function() {
          
                          this.checked = false;
          
            }          );
          
            
          
            currentRadio.checked           = true;
          
        }
          

          
                  </script>
          

          
后臺綁定一個屬性，但這個屬性的set方法會被調(diào)用多次，但只有一次是有值的，所以用戶選擇了哪一行也好獲得。
          

              private String test;
          
    
          
              public String getTest() {
          
                  return test;
          
    }
          

          
              public void setTest(String test) {
          
        System.out.println(          "=========================" + test);
          
    }
          

          
    
          
問題算是解決了，實現(xiàn)很簡單，但并不太完美。因為后臺的那個set方法會觸發(fā)很多次，次數(shù)跟當前的radio數(shù)量一致，雖然不怎么影響性能，但用著總覺得不爽，后面再完善下。
          


          ---------------------------------------------------------
          
專注移動開發(fā)
          
Android, Windows Mobile, iPhone, J2ME, BlackBerry, Symbian

	
          posted on 2009-01-11 16:36 TiGERTiAN 閱讀(5456) 評論(5)  編輯  收藏  所屬分類: Java 、JSF 
          

          







          
	    
    


          
評論:

          
	

		
          
			
          
			# re: JSF中DataTable和SelectOneRadio搭配，每條記錄每一行一個radio進行單選的解決辦法
				2009-01-12 12:39 | 千里冰封
          
				
          直接用h:outputText畫出HTML語句，這樣豈不是更好，然后在后臺從parameter里面去取這個單選的參數(shù)，應該也是一種辦法，呵呵  回復  更多評論
            
          
			
          
			
			
		
          
	
		
          
			
          
			# re: JSF中DataTable和SelectOneRadio搭配，每條記錄每一行一個radio進行單選的解決辦法[未登錄]
				2009-01-12 21:38 | tigertian
          
				
          @千里冰封

          有個問題，就是你這個方法只能在jsf 1.2中使用，貌似1.1中沒有escape屬性，所以默認escape為true，在output里面畫不出來，會被Html Encode掉，如果單獨使用<input type="radio">控件，會發(fā)現(xiàn)jsf 1.1中的datatable無法把這個純html控件包含進來。而我目前碰到的應用環(huán)境正是jsf 1.1，所以我也想找到一個更好的辦法，大家討論討論哈。  回復  更多評論
            
          
			
          
			
			
		
          
	
		
          
			
          
			# re: JSF中DataTable和SelectOneRadio搭配，每條記錄每一行一個radio進行單選的解決辦法
				2009-01-13 08:48 | TiGERTiAN
          
				
          @千里冰封

          今天測試了一下，1.1版本的outputText也有escape屬性，但我忘記是哪個控件跟1.2不一樣沒有escape屬性的，有了之后，就可以畫出來了。  回復  更多評論
            
          
			
          
			
			
		
          
	
		
          
			
          
			# re: JSF中DataTable和SelectOneRadio搭配，每條記錄每一行一個radio進行單選的解決辦法
				2009-12-27 21:28 | frankie
          
				
			
          
			
			
		
          
	
		
          
			
          
			# re: JSF中DataTable和SelectOneRadio搭配，每條記錄每一行一個radio進行單選的解決辦法
				2009-12-27 22:17 | TiGERTiAN
          
				
          @frankie

          謝謝哈，不過我用的是sun的實現(xiàn)。  回復  更多評論
            
          
			
          
			
			
		
          
	








          








          

				

          







    







          
        
	




主站蜘蛛池模板：
定日县|
乌海市|
大石桥市|
云南省|
保靖县|
长子县|
郁南县|
广宗县|
普陀区|
连州市|
府谷县|
日喀则市|
武强县|
昌图县|
铜山县|
柘城县|
贡嘎县|
宜宾市|
巨野县|
浦城县|
兰西县|
中卫市|
龙门县|
虞城县|
盐城市|
呈贡县|
阜阳市|
庆城县|
城固县|
怀远县|
天全县|
庆安县|
岳阳县|
化德县|
文登市|
衡阳县|
永川市|
蛟河市|
阿巴嘎旗|
石狮市|
桦南县|