Ext.ListView 구성 요소를 사용하여 Single Select 확인란 목록을 만드는 방법은 무엇입니까?

Question

ListView 구성 요소를 사용하여 확인란 목록을 만들려고합니다. 아래는 제 코드입니다.

<script type="text/javascript"> 
Ext.onReady(function(){ 
    Ext.BLANK_IMAGE_URL = 'blank.gif'; 

    var genres = new Ext.data.SimpleStore({ 
    fields: ['id','genre'], 
    data: [['1','Comedy'],['4','Drama'],['3','Action']] 
    }); 
    var list1 = new Ext.list.ListView({ 
    store: genres, 
    width: 120, 
    hideHeaders: true, 
    selectedClass: 'x-list-selected', 
    multiSelect: false, 
    singleSelect: true, 
    columns: [{dataIndex:'id',tpl:'<input type="checkbox" id="{id}"></input>',width:.2},{dataIndex:'genre',tpl:'{genre}',width:.5}] 
    }); 
    var myPanel = new Ext.Panel({ 
    renderTo: Ext.get('div_formPanel'), 
    layout: 'hbox', 
    autoWidth: true, 
    autoHeight: true, 
    id: 'myP', 
    autoScroll: true, 
    items:[list1] 
    }); 
}); 
</script> 

위에서 볼 수 있듯이 ListView에는 SingleSelect 모드로 설정된 체크 박스가 있습니다. 문제는 singleSelect에서 확인란이 상태를 유지하지 않을 때입니다. 기본적으로 나는 체크 박스를 클릭하고 있지만 체크하지는 않는다. 그러나 라디오 버튼으로 체크 박스를 바꾸려고 시도했을 때 라디오 버튼이 클릭시 채워집니다. 누군가 내가 잘못하고있는 것을 지적하거나 원하는 효과를 얻으려면 어떻게 할 수 있습니까?

난 당신이 대신에 체크 박스를 Ext.Panel의 내부에 Ext.list.ListView을 넣고 만드는, Ext.grid.CheckboxSelectionModel과 Ext.grid.GridPanel을 사용할 수 있습니다 생각

Answer 1

주셔서 감사합니다 주형. Sencha Grid Plugins Examples

또한 singleSelect와 Ext.grid.CheckboxSelectionModel을 구성 할 수 있습니다 : 원하는 효과를 얻기 위해 진정한

다음은 예입니다.