Problem with grid using gridviewdragdrop and checkboxmodel

**fabio.policeno** · 25 Dec 2011 8:59 PM

Ext version tested:

Ext JS 4.0.7

Browser versions tested against:

IE 9
FF 8.0.1
Chrome 16.0

Description:

Can not deselect the checkbox of row.

Steps to reproduce the problem:

check and uncheck row of grid

The result that was expected:

check and uncheck row of grid

The result that occurs instead:

check the row, but impossible uncheck

Test Case:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <script type="text/javascript" src="../../ext-all-debug.js"></script>
</head>
<body>
    <script type="text/javascript">
    var store = Ext.create('Ext.data.Store', {
        fields:['name', 'email'],
        data:{
            items:[{ 
                name: 'Lisa',  
                email: 'lisa@simpsons.com'
            },{ 
                name: 'Bart',  
                email: 'bart@simpsons.com'
            },{ 
                name: 'Homer', 
                email: 'home@simpsons.com'
            },{ 
                name: 'Marge', 
                email: 'marge@simpsons.com'
            }]
        },
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                root: 'items'
            }
        }
    });
    
    Ext.define('MyGrid', {
        extend: 'Ext.grid.Panel',
        alias: 'widget.mygrid',
        selType: 'checkboxmodel',
        selModel: {mode: 'MULTI'},
        store: store,
        flex: 1,
        columns: [{ 
            header: 'Name',  
            dataIndex: 'name' 
        },{ 
            header: 'Email', 
            dataIndex: 'email'
        }]
    })
    
    Ext.create('Ext.panel.Panel', {
        renderTo: Ext.getBody(),
        layout: 'hbox',
        items:[{
            xtype: 'mygrid',
            viewConfig: {
                plugins: {
                    ptype: 'gridviewdragdrop',
                    dragGroup: 'listleft',
                    dropGroup: 'listright'
                }
            }
        },{
            xtype: 'mygrid',
            viewConfig: {
                plugins: {
                    ptype: 'gridviewdragdrop',
                    dragGroup: 'listright',
                    dropGroup: 'listleft'
                }
            }
        }]
    });
    </script>
</body>
</html>

Possible Fix:
http://www.sencha.com/forum/showthre...grid-dragdrop&

Operating System:

Win 7

**mitchellsimoens** · 26 Dec 2011 8:22 AM

This seems to be present in 4.1.0 beta 1 also

**fabio.policeno** · 27 Dec 2011 6:39 AM

Yes, in version 4.1 beta 1 the error persists

**januzis** · 26 Jun 2012 12:51 AM

No need for checkbox selection, simple multi selection is affected also. E.g. if I have multi selection on a non-dnd grid, and click one of the selected rows, all other selected rows deselect. With dnd grid nothing happens. Not a big deal, but it bugs me when I have dnd and non-dnd grids in an application, and behavior is inconsistent.

**puya** · 7 Aug 2012 5:42 AM

Still reproducing in 4.1.1 GA, any ETA for fixing this issue?

Thanks,
Puiu

**hrliuhai88** · 31 Jan 2013 12:25 AM

I think the selection model and dd conficted in event handling.but I cannot find a correct place to correct it. At last I modify 'itemmousedown' to 'itemclick' in the selection model's bindComponent mothed. The probelm resolved,though not perfect.

Ext.override(Ext.selection.RowModel,{

bindComponent: function(view) {
var me = this;

me.views = me.views || [];
me.views.push(view);
me.bindStore(view.getStore(), true);

view.on({
itemclick: me.onRowMouseDown,
scope: me
});

if (me.enableKeyNav) {
me.initKeyNav(view);
}
}
})

**murrah** · 22 Feb 2013 8:30 PM

@hrliuhai88

Yes, I used the override as described above and it solved the problem for me.

Thanks!

Murray

Problem with grid using gridviewdragdrop and checkboxmodel

Thread Tools

Search Thread

Display

Problem with grid using gridviewdragdrop and checkboxmodel

Problem with grid using gridviewdragdrop and checkboxmodel