PDA

View Full Version : extjs4 checkbox column



tdikarim
23 Oct 2012, 4:42 AM
Hi all,

I have a grid with that use checkbox selection model.
I have modify the the icon by another that is a little bigger (32,32)

How can I increase the width of this first column

var selModel_News = Ext.create('Ext.selection.CheckboxModel', {
...
}

I have try that with no success :


.x-grid-row-selected .x-grid-row-checker, .x-grid-row-checked .x-grid-row-checker {
background-image: url('images/icones/check_up.png');
width:32px;
}
.x-grid-hd-checker-on .x-column-header-text {
background-image: url('images/icones/check_up.png');
width:32px;
}
.x-grid-row-checker, .x-column-header-checkbox .x-column-header-text {
height: 32px;
width: 32px;
line-height: 0;
background-image: url('images/icones/check_dn.png');
background-position: -1px -1px;
background-repeat: no-repeat;
background-color: transparent;
}


Thanks for your help

Karim

vietits
23 Oct 2012, 5:54 AM
Try to set headerWidth:


var selModel_News = Ext.create('Ext.selection.CheckboxModel', {
headerWidth: 40,
...
}

tdikarim
23 Oct 2012, 6:33 AM
Thanks

that works ...