Possible bug in grid or is it my fault?? [HELP]

[Samuel1988]

Hi all. I'm using a grid with checkbox column. Then when I refresh the page from paging toolbar is no longer possible to select the items by checkbox. Anyone know if I'm doing wrong or is a bug of grid?

Thanks in advance!

[aconran]

Have you set duplicate id's perhaps?

[Samuel1988]

Id's ? What do you mean?

Best Regards!

[aconran]

Did you set the id configuration in two different places to the same thing?

Do the checkboxes appear and don't react? There is probably a small issue with your configuration. If you provide more details in the form of code or a project archive someone would be able to help you out.

[Samuel1988]

Before using the refresh or paging buttons i can check the checkbox of elements but after that i cant more.

 initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'panel',
                    region: 'center',
                    id: 'PN_Lista',
                    margin: '3 3 3 3',
                    layout: {
                        type: 'border'
                    },
                    title: 'Total Accounts - 0',
                    items: [
                        {
                            xtype: 'gridpanel',
                            region: 'center',
                            border: false,
                            id: 'LST_Cuentas',
                            columnLines: true,
                            store: 'CLS_JSBase',
                            selModel: Ext.create('Ext.selection.CheckboxModel', {

                            }),
                            columns: [
                                {
                                    xtype: 'gridcolumn',
                                    width: 360,
                                    dataIndex: 'host',
                                    text: 'Host'
                                },
                                {
                                    xtype: 'gridcolumn',
                                    width: 210,
                                    dataIndex: 'user',
                                    text: 'User'
                                },
                                {
                                    xtype: 'gridcolumn',
                                    width: 210,
                                    dataIndex: 'pass',
                                    text: 'Password'
                                },
                                {
                                    xtype: 'gridcolumn',
                                    width: 200,
                                    dataIndex: 'pc',
                                    text: 'PC'
                                },
                                {
                                    xtype: 'gridcolumn',
                                    width: 150,
                                    dataIndex: 'ip',
                                    text: 'ip'
                                },
                                {
                                    xtype: 'gridcolumn',
                                    width: 150,
                                    dataIndex: 'fecha',
                                    text: 'Fecha'
                                }
                            ],
                            viewConfig: {

                            },
                            dockedItems: [
                                {
                                    xtype: 'toolbar',
                                    dock: 'top',
                                    items: [
                                        {
                                            xtype: 'combobox',
                                            id: 'CMB_TiposSoft',
                                            width: 265,
                                            name: 'CMB_TiposSoft',
                                            fieldLabel: 'Program',
                                            labelWidth: 50,
                                            emptyText: 'Select a type...',
                                            editable: false,
                                            displayField: 'programa',
                                            queryMode: 'local',
                                            store: 'CLS_TiposSoft',
                                            valueField: 'id'
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        },
                                        {
                                            xtype: 'button',
                                            handler: function(button, event) {
                                                var sItem = Ext.getCmp('CMB_TiposSoft').getRawValue();
                                                var iVal = Ext.getCmp('CMB_TiposSoft').getValue();

                                                if(sItem !== ''){
                                                    Ext.getStore('CLS_JSBase').load({
                                                        url:'system.php?getlogbysoft=' + iVal,

                                                        callback: function(records, op, success){
                                                            Ext.getCmp('PN_Lista').setTitle("Total Accounts - " + records.length);     
                                                        }
                                                    });
                                                }
                                            },
                                            iconCls: 'show',
                                            text: 'Show'
                                        },
                                        {
                                            xtype: 'button',
                                            handler: function(button, event) {
                                                Ext.getStore('CLS_JSBase').load({
                                                    url:'system.php?action=getalllogs',

                                                    callback: function(records, op, success){
                                                        Ext.getCmp('PN_Lista').setTitle("Total Accounts - " + records.length);
                                                    }
                                                });
                                            },
                                            iconCls: 'showall',
                                            text: 'Show All'
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        },
                                        {
                                            xtype: 'button',
                                            iconCls: 'expsel',
                                            text: 'Export Selected'
                                        },
                                        {
                                            xtype: 'button',
                                            iconCls: 'expall',
                                            text: 'Export All'
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        },
                                        {
                                            xtype: 'button',
                                            iconCls: 'delete',
                                            text: 'Delete Selected'
                                        },
                                        {
                                            xtype: 'button',
                                            iconCls: 'deleteall',
                                            text: 'Delete All'
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        },
                                        {
                                            xtype: 'button',
                                            iconCls: 'exit',
                                            text: 'Exit'
                                        }
                                    ]
                                }
                            ]
                        }
                    ],
                    dockedItems: [
                        {
                            xtype: 'pagingtoolbar',
                            dock: 'bottom',
                            displayInfo: true,
                            prependButtons: false,
                            store: 'CLS_JSBase'
                        }
                    ]
                } 

I will check the id configuration.

Best Regards

[aconran]

Are you creating multiple instances of this? if so PN_Lista and LST_Cuentas will conflict.

[Samuel1988]

I'm using the UI designer.. so i coded a little part of code. Just every time I refresh the data from the database.

xtype: 'button',
                                            handler: function(button, event) {
                                                Ext.getStore('CLS_JSBase').load({
                                                    url:'system.php?action=getalllogs',

                                                    callback: function(records, op, success){
                                                        Ext.getCmp('PN_Lista').setTitle("Total Accounts - " + records.length);
                                                    }
                                                });
                                            },
                                            iconCls: 'showall',
                                            text: 'Show All' 

Best Regards.

[Samuel1988]

Please look in captures, the selected item before using the refresh button of paging toolbar and after. After that i cant select the grid items...

BEFORE



AFTER



Continue with same problem..

Thanks in advance!

[Samuel1988]

No idea please.. ¿?

[aconran]

Any errors on the console? Would gladly look at a project archive or running version of the app for you.