jQuery Grid Plugin - jqGrid

Hello!

I tried to do a sample demo of jqGrid and I got stuck with row editing.

As you can see from the source code I include all the js files.

I use events to detect a click on a row and start editing it.

The problem is that the row remains the same, I cannot edit the data.

I susspect the problem would be in onSelectRow

var lastSel;

jQuery().ready(function (){
    jQuery("#lista1").jqGrid({
            url : 'http://localhost:8080/DavidQue.....l',
            datatype : "xml",
            colNames : [ 'Inv No', 'Date', 'Client', 'Amount', 'Tax',
                    'Total', 'Notes' ],
            colModel : [ {name : 'id',index : 'id',width : 75 },

                              {name : 'invdate',index : 'invdate',width : 90},

                              {name : 'name',index : 'name',width : 100},

                              {name : 'amount',index : 'amount',width : 80,align : "right"},

                              {name : 'tax',index : 'tax',width : 80,align : "right"},

                              {name : 'total',index : 'total',width : 80,align : "right"},

                              {name : 'note',index : 'note',width : 150,sortable : false} ],
            rowNum : 10,
            rownumbers : true,
            rowList : [ 10, 20, 30 ],
            rownumWidth: 40,
            pager : jQuery('#pagera1'),
            sortname : 'id',
            viewrecords : true,
            sortorder : "desc",
            onSelectRow: function(id){
                if(id && id!==lastSel){
                    jQuery('#lista1').restoreRow(lastSel);
                    lastSel=id;
                }
                jQuery('#lista1').editRow(id, true);
            },
            editurl: "server.php",
            caption : "XML Example"
        }).navGrid('#pager1', {
            edit : false,
            add : false,
            del : false
        });
    })

and the HTML file is nothing more than:

<script type="text/javascript" language="javascript"
            src="http://localhost:8080/DavidQueryRunner/public/resources/js/jquery-1.3.2.min.js">
</script>
<script type="text/javascript"
            src="http://localhost:8080/DavidQueryRunner/public/resources/js/jqgrid/jquery.jqGrid.js">
</script>

<link rel="stylesheet"
            href="http://localhost:8080/DavidQueryRunner/public/resources/js/jquery-ui-1.7.2/css/ui-lightness/jquery-ui-1.7.2.custom.css"/>

<link rel="stylesheet"
            href="http://localhost:8080/DavidQueryRunner/public/resources/js/jqgrid/css/ui.jqgrid.css"/>

<table id="lista1"></table>
<div id="pagera1" class="scroll"></div>

So, any help on what I am doing wrong would be highly appreciated.

Thank you!

Francisc