Extjs 4 checkcolumn not showing

Question

I have a grid with a column that should be checkcolumn, I use this code in the grid there are two rows, but the checkcolumn looks empty. When I click on the control column, console.log will correctly return the changed boolean value. But I do not see anything in this column.

xtype: 'checkcolumn', header: 'REDACTEUR', dataIndex: 'REDACTEUR', width: 75, editor: { xtype: 'checkbox' }, renderer : function(value) { console.log(value); 

Answer 1

you need to manually enable css for the xtype checkcolumn file as follows: <link rel="stylesheet" type="text/css" href="/extjs4/examples/ux/css/CheckHeader.css">

Answer 2

if your application is created by Sencha CMD , you need to run the following command in the project directory

 sencha app build 

after completing this command, reload the application in your browser, and now you can see your checkcolumn .

Answer 3

if you need an additional js file, try to find the Ext file named ' CheckColumn.js ' and include it in your script. Or set the Ext ux path at the beginning of the script.

Answer 4

I solved the checkbox / radio CSS extinction issue in ExtJs 6.01 by running two commands:

1) Application development for sencha
2) sencha application update

Update was important