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/