ExtJS4를 사용하면 그리드 패널의 확인란을 쉽게 처리 할 수 ​​있습니까?

Question

나는 더 단순 할 수있는 것처럼 느껴지는 부피가 큰 렌더러를 작성했습니다. 저장소에서 체크 박스에 바인딩하는 두 가지 방법을 원합니다. 아래는 내가 잘못한 것인데, 잘못한 느낌이 들지만 다른 방법으로는 찾을 수 없습니다.

columns: [ 
    { header: 'PresidentNumber', dataIndex: 'PresidentNumber', flex: 1 }, 
    { header: 'FirstName', dataIndex: 'FirstName', sortable: true, flex: 1 }, 
    { header: 'LastName', dataIndex: 'LastName', sortable: true, flex: 1 }, { 
     header: 'TookOffice', 
     dataIndex: 'TookOffice', 
     renderer: Ext.util.Format.dateRenderer('m/d/Y') 
    }, { 
     header: 'LeftOffice', 
     dataIndex: 'LeftOffice', 
     renderer: Ext.util.Format.dateRenderer('m/d/Y'), 
     flex: 1 
    }, { 
     header: 'Impeached', 
     dataIndex: 'Impeached', 
     flex: 1, 
     renderer: function (value, cell) { 
      if (value) { 
       return '<input type="checkbox" name="mycheckbox" checked="checked" />'; 
      } 
      else { 
       return '<input type="checkbox" name="mycheckbox" />'; 
      } 
     } 
    }, 
    { header: 'Income', dataIndex: 'Income', flex: 1, renderer: Ext.util.Format.usMoney } 
] 

Answer 1

"checkcolumn"의 위해 xtype으로 (예/UX/CheckColumn.js에 위치) CheckColumn라는 사용자 확장이있다.

{ 
     xtype: 'checkcolumn', 
     header: 'Impeached', 
     dataIndex: 'Impeached', 
     flex: 1 
    }