Définition des données jqGrid après la création de la grille

L'exemple de code suivant charge un jqGrid (ce code fonctionne) ...

jQuery(document).ready(function () {
    var gridData = [
                { col1: 'cell11', col2: 'cell12', col3: 'cell13' },
                { col1: 'cell21', col2: 'cell22', col3: 'cell23' }
                ];
    $('#myGrid').jqGrid({
        data: gridData,
        datatype: 'clientSide',
        colNames: ['Col1', 'Col2', 'Col3'],
        colModel: [
                        { name: 'col1' },
                        { name: 'col2' },
                        { name: 'col3' }
                        ]
    })

Comment aurais-je réécrire l'exemple pour la gridData est définie après la jqGrid est créé? J'ai essayé ce...

jQuery(document).ready(function () {
    var gridData = [
                { col1: 'cell11', col2: 'cell12', col3: 'cell13' },
                { col1: 'cell21', col2: 'cell22', col3: 'cell23' }
                ];
    $('#myGrid').jqGrid({
        datatype: 'clientSide',
        colNames: ['Col1', 'Col2', 'Col3'],
        colModel: [
                        { name: 'col1' },
                        { name: 'col2' },
                        { name: 'col3' }
                        ]
    })


    $('#myGrid')[0].data = gridData;

Cependant le code ci-dessus ne fonctionne pas. Quelqu'un peut-il me montrer comment vous s'il vous plaît?

Mise à JOUR: j'ai aussi essayé pour ma dernière ligne, mais il ne fonctionne pas non plus...

    $('#jqgrid-panel-contents').jqGrid('setGridParam', {data: gridData});

source d'informationauteur John Livermore