[ExtJS] EditorGridPanel - CheckboxRenderer

EditorGridPanel 에서 콤보 박스의 경우 Ext.util.Format.comboRenderer 라는 것을 인터넷에서 쉽게 찾을 수 있었으나 체크 박스는 찾을 수가 없어 약간 어색하지만 구현을 해 보았습니다.

var checkRenderer = function(value) { return function(value){ var b = eval(value); return b ? '<div class="x-grid3-check-col x-grid3-check-col-on">&#160;</div>' : '<div class="x-grid3-check-col">&#160;</div>'; } } var gridCheckEditor = new Ext.form.Checkbox(); var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), { }, ..., { id: 'SANC_AUTH', header: 'SA', width: 40, dataIndex: 'SANC_AUTH', tooltip: '결재권한', renderer: checkRenderer, editor: gridCheckEditor }, { id: 'READ_AUTH', header: 'RA', width: 40, dataIndex: 'READ_AUTH', tooltip: '읽기권한', renderer: checkRenderer, editor: gridCheckEditor }, { id: 'READYN', header: 'RYN', width: 40, dataIndex: 'READYN', tooltip: '읽기여부', renderer: checkRenderer, editor: gridCheckEditor }, { id: 'SANCYN', header: 'SYN', width: 40, dataIndex: 'SANCYN', tooltip: '결재여부', renderer: checkRenderer, editor: gridCheckEditor }]);

EditorGridPanel 의 clicksToEdit 속성을 1 정도로 주면 그나마 덜 어색해집니다.

EditorGridPanel 의 cellClick 이벤트를 받아서 처리해도 되지만... 일단은 이정도에서 마무리 합니다.