After many tries I have found this solution with SA.
-Download CheckColumn.js from Api
In Sencha Architect
-Add a simple Ext.grid.column.column
-in property tdCls add 'grid-cell-checkcolumn'
-add this basic functions: constructor, processEvent
copy and paste the codes of this functions from CheckColumn.js
and remove or add comments in this lines
constructor:
...
//this.callParent(arguments)
processEvent:
/*else {
return me.callParent(arguments);
}*/
This because we dont'have inheritance but we are overriding default methods.
-add a renderer: copy and paste code form CheckColumn.js
PHP Code:
var cssPrefix = Ext.baseCSSPrefix,cls = [cssPrefix + 'grid-checkheader'];
//alert('value='+value);
if (value===true) {
// i have edit this line, bacause in my project i have boolean value, but i think you can have string, number, etc
cls.push(cssPrefix + 'grid-checkheader-checked');}return '<div class="' + cls.join(' ') + '"> </div>';
-add this icons in your project workspace
unchecked.gif
checked.gif
search this icon in ExtJs 4 package
-add a css resources file
CheckHeader.css (you can find this in ExtJs 4 package)
edit css inserting your path of images
End!