datagrid('getData') runs before data is loaded. [Resolved]

[dies_felices]

Hi,

I have some code like this:

Code:

var dgrid = $('#new_table');
    dgrid.datagrid({
        title: 'Datagrid',
        singleSelect: true,
        width: '80%',
        url: cloud.example.php?highlander="Doogle",
        columns:[[
            {field:'itemid',title:'Item ID',width:'15%',
                editor:{
                    type:'combobox',
                    options:{
                        valueField:'Ind',
                        textField:'Vol',
                        data: items,
                        required: true
                    }
                }
            },
            {field:'productid',title:'Product',width:'15%',align:'center',editor:'text'}
        ]]
    });

 dgrid.datagrid('enableCellEditing').datagrid('gotoCell', {
                index: 0,
                field: 'productid'
            });

Previously, when giving examples static data has been used.  This allowed for an easy to use for-loop to create the data structure for the items in the combobox.

Now data is retrieved from the server so a new method to populate the combox data structure is needed.

So I tried this:

Code:

var AllData
dgrid.datagrig({onLoad:function(){AllData = dgrid.datagrid('getData');
alert(values : ' + JSON.stringify(AllData))

This comes up empty.  Then only after the alert is dismissed does the datagrid populate.  Additionally, I need to add a new value to this when I call the new row function.  If I'm barking up the wrong tree please let me know?

The end game for the combobox value is to be able to swap the values between two rows.  So when edited a new value is selected - updated and the record which had the new value gets the old value and is updated.

Also this relates tangentially to the problem of storing edited values back on the server.  Relating the changed cell value to the field and record id.  I hope I'm not pushing my luck...

I apologise for dropping a great mess like this all in one question.  It is my hope that if you're aware what I intend to achieve this simplify things.

[stworthy]

When the data is loaded into datagrid successfully, the 'onLoadSuccess' event fires. Please try this code instead.

Code:

var AllData
dgrid.datagrid({
onLoadSuccess:function(){
AllData = dgrid.datagrid('getData');
alert(values : ' + JSON.stringify(AllData))
}
});

[dies_felices]

Hi,

Thank you, that has worked splendidly!

[karogel]

sir how to pass the stringtify data to server