jQuery Grid Plugin - jqGrid

I'm using jqGrid 3.4.1, and this is on Firefox 3.0.7 on the Mac. The page isn't hosted externally yet, but here's the grid configuration (note that I tried removing the callbacks, and it didn't solve the problem):

    $('#items').jqGrid(
    {
        // Original data request
        url:'Main.php',
        postData: {"action":"requestItems", "selectedUserID":selectedUserID},

        // Grid attributes
        caption: "Items",
        imgpath: "lib/jqGrid/themes/basic/images",
        hidegrid: false,
        datatype: 'json',
        mtype: 'POST',
        height: "100%",
       
        // Columns
        colNames:['Name', 'Category', '#Req', 'Price'],
        colModel:
        [
            {
                name:'item_name',
                index:'item_name',
                width:150,
                sortable:true,
                editable:true,
            },
            {
                name:'item_category',
                index:'item_category',
                sortable:true,
                editable:true
            },
            {
                name:'num_requested',
                index:'num_requested',
                width:100,
                sortable:true,
                editable:true
            },
            {
                name:'item_price',
                index:'item_price',
                width:100,
                sortable:true,
                editable:true
            }
        ],
       
        // Editing
        cellEdit: true,
        cellurl: "Main.php",
        beforeSubmitCell: onGridCellEditCommitting,
        afterSaveCell: onGridCellEditEnded,
        afterSubmitCell: onGridCellEditComplete,
       
        // Selection
        multiselect: true,
        onCellSelect: onSelectItem,
       
        // Other callbacks
        loadComplete: onGridLoadComplete
    });

Thanks,
   Aaron

Sorry for the delay, this is a personal project so I have to work around the damn job. 🙂

The behavior is exactly the same in FF (3.0.7) for Windows. Here's a screen shot:

Unfortunately, my site is badly broken in Safari and IE at the moment, so I can't try it there.

Any suggestions?

Thanks,
   Aaron

I tried various combinations of this, with no effect. The callbacks have nothing to do with this behavior - it still occurs with this grid definition:

            ownGrid.jqGrid(
            {
                // Original data request
                url:'Main.php',
                postData: {"action":"requestItems", "selectedUserID":selectedUserID},
       
                // Grid attributes
                caption: "Items",
                imgpath: "lib/jqGrid/themes/basic/images",
                hidegrid: false,
                datatype: 'json',
                mtype: 'POST',
                height: "100%",
               
                // Columns
                colNames:['Name', 'Category', '#Req', 'Price'],
                colModel:
                [
                    {
                        name:'item_name',
                        index:'item_name',
                        width:150,
                        sortable:true,
                        editable:true
                    },
                    {
                        name:'item_category',
                        index:'item_category',
                        sortable:true,
                        editable:true
                    },
                    {
                        name:'num_requested',
                        index:'num_requested',
                        width:100,
                        sortable:true,
                        editable:true
                    },
                    {
                        name:'item_price',
                        index:'item_price',
                        width:100,
                        sortable:true,
                        editable:true
                    }
                ],
               
                // Editing
                cellEdit: true,
                cellurl: "Main.php",
//                beforeSubmitCell: onGridCellEditCommitting,
//                afterSaveCell: onGridCellEditEnded,
//                afterSubmitCell: onGridCellEditComplete,
               
                // Selection
                multiselect: true,
//                onCellSelect: onSelectItem,
//                onSelectCell: onSelectItem,
               
                // Other callbacks
//                loadComplete: onGridLoadComplete

           });

Also, looking at the code, I see onCellSelect but not onSelectCell, at least in grid.base.js. Am I missing something?

Thanks,
   Aaron

OK, I know what's going on, but I don't know why this (presumably) works for everyone else. Here's the sequence (all line numbers refer to grid.celledit.js):

- select cell 1
    editCell is called
        line 43: length == 0, so no call is made to saveCell or restoreCell
        line 79: savedRow is assigned
- modify cell 1
- select cell 2
    editCell is called
        line 43: length == 1, so saveCell is called
            saveCell performs a POST
        line 79: savedRow is assigned
        saveCell POST complete callback is triggered
            line 205: savedRow cleared
- select cell 3
    editCell is called
        line 43: length == 0, so no call is made to saveCell or restoreCell

So, the problem is the ordering of the assignment to savedRow on line 79 and the POST complete callback, which clears that variable. Since the callback occurs after the assignment, savedRow ends up clear, and the next call to editCell doesn't call restoreCell, so the edit box doesn't get removed.

Any idea what to do about this?

Thanks,
   Aaron

Oh, in order for that to make sense, I'd better say that I've added this to the grid declaration:

                jsonReader:{
                    root: "rows",
                    page: "page",
                    total: "total",
                    records: "records",
                    repeatitems: false,
                    id: "id",
                    userdata: "userdata"
                 },
               
Aaron

Thanks for the help. If you'd like, I'll send you the whole site source; this is a personal project, so there's nothing proprietary in it.

Also, when I get a chance, I'll see if I can make a client-only version that exhibits the behavior.

Aaron

One additional point - I edited the Main.php script so that it exits immediately, without doing anything at all. I don't know how to make cell editing work without a URL, though it seems like you ought to be able to edit the local data only.

Aaron

On Windows, using local cell submission, I get a different symptom - I don't get the leaked edit boxes, but just selecting the three cells in order (1, 2, then 3), the first row disappears.

Aaron