[Ext: 4.2.0 Beta] - Problem: After moving, the column is hidden.

[Fioenix]

I have a grid:

1-7-2013 3-23-24 PM.jpg

I move License column to between Birthday and Mobile phone. This is the result:

1-7-2013 3-35-24 PM.png

The License column is hidden. The width of it is resized to zero:

1-7-2013 3-38-55 PM.png

This is my code:

Ext.define('bCloud.view.ousr.OUSRList', {    extend: 'bCloud.view.BaseList',
    alias: 'widget.ousrlist',
    id: 'list-ousr',
    store: 'OUSR',
    dockedItems: [{
        id: 'toolbar-list-ousr',
        xtype: 'toolbar',
        dock: 'top',
        items: ['->', {
            xtype: 'component',
            itemId: 'rowCount-list-ousr',
            tpl: lang_records + ': {count}',
            style: 'margin-right:5px'
        }]
    }],
    loadMask: true,
    selModel: {
        pruneRemoved: false
    },
    viewConfig: {
        stripeRows: true,
        trackOver: false
    },
    columns: {
        items: [{
            id: 'col-ousr-code',
            text: window.lang_code,
            dataIndex: 'Code',
            readOnly: true,
            locked: true,
            width: 100,
            sortable: true,
            filter: true
        }, {
            text: window.lang_personal,
            draggable: false,
            columns: [, {
                id: 'col-ousr-birthday',
                text: window.lang_birthday,
                dataIndex: 'Birthday',
                xtype: 'datecolumn',
                format: Ext.util.Format.dateFormat,
                align: 'right',
                width: 80,
                sortable: true,
                filter: true
            }, {
                id: 'col-ousr-mobilephone',
                text: window.lang_mobile_phone,
                dataIndex: 'Mobilephone',
                width: 100,
                sortable: true,
                filter: true
            }]
        }, {
            text: window.lang_authenticate,
            draggable: false,
            columns: [{
                id: 'col-ousr-license',
                text: window.lang_license,
                dataIndex: 'License',
                width: 100,
                sortable: true,
                filter: true
            }, {
                id: 'col-ousr-lastlogintime',
                text: window.lang_last_login_time,
                dataIndex: 'LastLoginTime',
                xtype: 'datecolumn',
                format: Ext.util.Format.dateFormat + ' H:i:s',
                align: 'right',
                readOnly: true,
                width: 80,
                sortable: true,
                filter: true
            }]
        }, {
            text: window.lang_addresses,
            draggable: false,
            columns: [{
                id: 'col-ousr-address',
                text: window.lang_address_house_no_street,
                dataIndex: 'Address',
                width: 150,
                sortable: true,
                filter: true
            }, {
                id: 'col-ousr-province',
                text: window.lang_province,
                dataIndex: 'Province',
                hidden: true,
                width: 50,
                sortable: true,
                filter: true
            }, {
                id: 'col-ousr-provincename',
                text: window.lang_province_name,
                dataIndex: 'ProvinceName',
                width: 100,
                sortable: true,
                filter: true
            }]
        }, {
            id: 'col-ousr-name',
            text: window.lang_full_name,
            dataIndex: 'Name',
            locked: true,
            width: 200,
            sortable: true,
            filter: true
        }, {
            id: 'col-ousr-email',
            text: window.lang_email,
            dataIndex: 'Email',
            vtype: 'email',
            locked: true,
            width: 150,
            sortable: true,
            filter: true
        }]
    },
    listeners: {
        columnmove: function (ct, column, fromIdx, toIdx, eOpts) {
            console.log('BEGIN - columnmove ' + fromIdx + ' ' + toIdx);
            console.log(column);
            console.log('END - columnmove ' + fromIdx + ' ' + toIdx);
        },
        columnresize: function (ct, column, width, eOpts) {
            console.log('BEGIN - columnresize ' + width);
            console.log(column);
            console.log('END - columnresize ' + width);
        }
    }
});

Would you please help me fixing this bug? Thanks!

[scottmartin]

Is this problem exclusive to 4.2 BETA? Did this happen in previous versions?

Scott.

[Fioenix]

Is this problem exclusive to 4.2 BETA? Did this happen in previous versions?

Scott.

Yes. I tried the version 4.1.1a and it works well.

[scottmartin]

Thank you for the report. This has been added to our bug tracker and is marked as fixed:
EXTJSIV-8174

It should be available in an upcoming release.

Scott.