ExtJS的使用actioncolumn使radiocolumn不工作

Question

我儘量讓使用actioncolumn無線電列http://jsfiddle.net/WAZah/

這裏是我在actioncolum

   items: [{    
       icon:'', 
       //renderer: function (val, metadata, record) { 
       getClass: function(value,metadata,record){ 
        //alert(record.get('check')); 
        var knowledge = record.get('check'); 
        if (knowledge == 1){          
         return 'radio-col-on'; 
         //metadata.css = 'radio-col-on' 
        } else { 
         return 'radio-col-off'; 
         //metadata.css = 'radio-col-off' 
        }    
       } 
      }] 

項目和我的CSS

.x-action-col-cell img.radio-col-on { 
    background-image: url('http://compare-gap-insurance.co.uk/wp-content/uploads/2012/10/Vista_radio-button_general1.jpg') !important; 
} 
.x-action-col-cell img.radio-col-off { 
    background-image: url('http://www.uams.edu/safety/images/Radio-button.jpg') !important; 
} 

我如何使這項工作謝謝。

Answer 1

您正在返回一個應用於圖像的css類名稱，但您沒有圖像（或者至少沒有足夠大的圖像可見）。如果您添加一個圖標圖像，例如與您的單選按鈕圖像大小相同的透明間隔gif，則此功能應起作用。

我建議你可能要使用@Reimius的建議。如果您使用常規列和渲染器，實際上可以在單元格中創建一個真正的單選按鈕。

無論如何，這裏似乎爲您的示例工作代碼：

items: [{    
    icon:'/url/path/to/a/transparent/spacer.gif', 
    getClass: function(value,metadata,record){ 
     var knowledge = record.get('check'); 
     if (knowledge == 1){          
      return 'radio-col-on'; 
     } else { 
      return 'radio-col-off'; 
     }    
    } 
}] 

而且，更新您的示例使用此技術有（誠然尺寸不正確）間隔GIF小提琴：http://jsfiddle.net/cfarmerga/WAZah/3/