1. #1
    Sencha User
    Join Date
    Apr 2013
    Posts
    1
    Vote Rating
    0
    luck215 is on a distinguished road

      0  

    Default grid with grouping record commit error

    grid with grouping record commit error


    grid with grouping record commit error


    In my case I have a grouped grid and a custom groupHeaderTpl . I add a itemclick

    listeners on the the grid. when I click the columns the value of the cell change.

    There is no problems when I click the columns on the group one , but click the group

    two the explorer say "TypeError: oldRowDom is null".

    sorry for my poor English

    Here is my test code:

    Code:
    var groupingGridTestWinFeature = Ext.create('Ext.grid.feature.Grouping', {
                    groupHeaderTpl : "{name}",
                    startCollapsed : true
                });
                
        Ext.define('TerConfigDetailFromXmlModel', {
        extend : 'Ext.data.Model',
        fields : [ 'id','key','value','ParentNode'],
            idProperty : 'id'
            });
    
    
         var testStore = Ext.create('Ext.data.Store', {
         model : 'TerConfigFromXmlModel',
         data : [{id : '1',key : '1',value : '1',ParentNode : '1'}, 
                  {id : '2',key : '11', value : '11',ParentNode : '1'}, 
                  {id : '3',key : '21', value : '21',ParentNode : '1'}, 
                  {id : '4',key : '31', value : '31',ParentNode : '1'}, 
                  {id : '5',key : '41', value : '41',ParentNode : '1'}, 
                  {id : '6',key : '51', value : '51',ParentNode : '1'}, 
                  {id : '7',key : '61', value : '61',ParentNode : '1'}, 
                  {id : '8',key : '71', value : '71',ParentNode : '1'}, 
                  {id : '9',key : '81', value : '81',ParentNode : '1'}, 
                  {id : '10',key : '91', value : '91',ParentNode : '1'}, 
                  {id : '11',key : '2', value : '2',ParentNode : '2'},
                  {id : '12',key : '12', value : '12',ParentNode : '2'}, 
                  {id : '13',key : '12', value : '12',ParentNode : '2'},
                  {id : '14',key : '12', value : '12',ParentNode : '2'},
                  {id : '15',key : '12', value : '12',ParentNode : '2'},
                  {id : '16',key : '12', value : '12',ParentNode : '2'},
                  {id : '17',key : '12', value : '12',ParentNode : '2'},
                  {id : '18',key : '12', value : '12',ParentNode : '2'},
                  {id : '19',key : '12', value : '12',ParentNode : '2'},
                  {id : '20',key : '3', value : '3',ParentNode : '3'},
                  {id : '21',key : '13', value : '13',ParentNode : '3'},
                  {id : '22',key : '23', value : '23',ParentNode : '3'},
                  {id : '23',key : '33', value : '33',ParentNode : '3'},
                  {id : '24',key : '43', value : '43',ParentNode : '3'},
                  {id : '25',key : '53', value : '53',ParentNode : '3'},
                  {id : '26',key : '63', value : '63',ParentNode : '3'},
                  {id : '27',key : '73', value : '73',ParentNode : '3'},
                  {id : '28',key : '83', value : '83',ParentNode : '3'}, 
                  {id : '29',key : '4', value : '4',ParentNode : '4'},
                  {id : '30',key : '14', value : '14',ParentNode : '4'}, 
                  {id : '31',key : '5', value : '5',ParentNode : '5'},
                  {id : '32',key : '15',value : '15',ParentNode : '5'}, 
                  {id : '33',key : '6', value : '6',ParentNode : '6'},
                  {id : '34',key : '16', value : '16',ParentNode : '6'},
                  {id : '35',key : '7', value : '7',ParentNode : '7'},
                  {id : '36',key : '17', value : '17',ParentNode : '7'}, 
                  {id : '37',key : '8', value : '8',ParentNode : '8'},
                  {id : '38',key : '18',value : '18',ParentNode : '8'}], groupField : 'ParentNode'});
    
    
        var groupingGridTestPanel = Ext.create('Ext.grid.Panel', {
                    id : 'groupingGridTestPanel',
                    autoScroll : true,
                    store : testStore,
                    width : 400,
                    features : [groupingGridTestWinFeature],
                    columns : [{
                                text : 'key',
                                dataIndex : 'key',
                                autoWidth : true,
                                menuDisabled : true,
                                sortable : false,
                                flex : 1
                            }, {
                                text : 'value',
                                dataIndex : 'value',
                                autoWidth : true,
                                menuDisabled : true,
                                sortable : false,
                                flex : 1
                            }],
                    listeners : {
                        itemclick : function(grid, records, item, index, e, eOpts) {
                            var record = Ext.getCmp('groupingGridTestPanel').getStore().getAt(index)
                            record.set('value', Ext.getCmp('testText').getValue());
                            record.commit();
                        }
                    }
                });




  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,586
    Vote Rating
    203
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default


    Try with the following listener:

    Code:
    listeners: {
        itemclick: function (grid, record, item, index, e, eOpts) {
            //var record = Ext.getCmp('groupingGridTestPanel').getStore().getAt(index)
            //record.set('value', Ext.getCmp('testText').getValue());
            record.set('value', "New Value");
            record.commit();
        }
    }

Thread Participants: 1