Как создать список флажков Single Select, используя компонент Ext.ListView?

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, флажок не поддерживает состояние. В основном я нажимаю на флажок, но он не проверяет. Однако когда я попытался поменять флажок переключателями, переключатели заполняются при нажатии. Может кто-нибудь подсказать, пожалуйста, что я делаю неправильно или как мне добиться желаемого эффекта.

Спасибо

Answer 1

Я думаю, что вы можете использовать Ext.grid.GridPanel с Ext.grid.CheckboxSelectionModel вместо того, чтобы помещать Ext.list.ListView внутри Ext.Panel и создавать флажки с шаблоном.

Вот пример: Примеры плагинов Sencha Grid

Вы также можете настроить свою Ext.grid.CheckboxSelectionModel с singleSelect: true, чтобы получить желаемый эффект.