View Full Version : Check Box is not editable

6 Oct 2009, 8:22 AM
Dear ExtJS Community,

I am a relatively new developer to ExtJS and using the editor grid example to generate a grid and use the checkbox. However, the checkbox is not rendering as editable in ExtJS3.0. I have attached my code below for reference and appreciate your help!

var checkColumn = new Ext.ux.grid.CheckColumn({
header: 'Exception',
dataIndex: 'exceptions',
width: 60

where the component refers to the following code:

Ext.ux.grid.CheckColumn = function(config){
Ext.apply(this, config);
this.id = Ext.id();
this.renderer = this.renderer.createDelegate(this);

Ext.ux.grid.CheckColumn.prototype ={
init : function(grid){
this.grid = grid;
this.grid.on('render', function(){
var view = this.grid.getView();
view.mainBody.on('mousedown', this.onMouseDown, this);
}, this);

onMouseDown : function(e, t){
if(t.className && t.className.indexOf('x-grid3-cc-'+this.id) != -1){
var index = this.grid.getView().findRowIndex(t);
var record = this.grid.store.getAt(index);
record.set(this.dataIndex, !record.data[this.dataIndex]);

renderer : function(v, p, record){
p.css += ' x-grid3-check-col-td';
return '<div class="x-grid3-check-col'+(v?'-on':'')+' x-grid3-cc-'+this.id+'">&#160;</div>';

16 Oct 2009, 4:29 AM
Was there any CSS required that you forgot from the example?

17 Oct 2009, 6:02 PM
Thank you very much for consideration. I am currently using the checkbox editor instead of the checkbox plugin with ExtJS version 3.0.0. No CSS file is being used.