jQuery Grid Plugin - jqGrid

Hi all,

I am building a grid that is not multi-select, with row drag and drop enabled, using the .sortableRows() function.

The problem is that when I have a selected row, and I drag another row that is not the selected one, when I finish dragging it to its detination and select it, the previous selected one remains highlighted, and the new selected one is also highlighted.

When I use 'jQuery("#grid_sched1").getGridParam("selrow")' it returns the newest selected (and highlighted) row, as it should.

This problem happens only when I drag the row 'through' the highlighted one. It looks like maybe it forgets or gets confused as to which row is highlighed and does not un-highlight it.

For testing I am using jquery 1.4.2, jquery ui 1.81, jqgrid 3.6.5.

I had the same problem using jqgrid 3.4.1 using tablednd. (this is why I did a test on the latest versions).

Does anyone have an idea on how I can fix this?

Thanks and best wishes to all!

----------

here is the code to create the grid.

    jQuery("#grid_sched1").jqGrid({
        //url: "",
        //datatype: 'json',      // how the data is given to us
        datatype: 'local',
        width: 750,
        height: 300,
        colNames:['#','STD#', 'SUP.C.', 'GRADE','MIX','TONS REQ','TONS PROD','COMPL','DATE','INSTR'],     // names of columns
        colModel :[
        {name:'SEQ', index:'SEQ', width:30, sortable: true},         
        {name:'STDNUM', index:'STDNUM', width:40, sortable: false},         
        {name:'SUPP_CODE', index:'SUPP_CODE', width:40, sortable: false},
        {name:'GRADE', index:'GRADE', width:70, sortable: false},
        {name:'MIX', index:'MIX', width:40, sortable: false},
        {name:'TONS_REQ', index:'TONS_REQ', width:60, sortable: false},
        {name:'TONS_PROD', index:'TONS_PROD', width:60, sortable: false},
        {name:'COMPL', index:'COMPL', width:40, sortable: true},
        {name:'DATE_REQ', index:'CANC.', width:70, sortable: true},         
        {name:'INSTR', index:'INSTR', width:200, align:'right', editable: true, editrules:{ required: false }, edittype: 'textarea', sortable: false }
        ],
        cellEdit: true,
        cellsubmit: 'clientArray',
        cellurl: '',  
        //pager: jQuery('#pager'),        //pager bar
        rowNum:30,                      // number of records
        rowList:[12,24],             // change # or rows visible through grid
        sortname: 'SEQ',                 // init sorting
        sortorder: "asc",              // init sort order
        viewrecords: true,              // show total # of records in pager.
        caption: 'PROD SCHEDULE',
        hidegrid: true,
        hiddengrid: false,
        imgpath: 'jquery/jqgrid/themes/basic/images',     // path to imgs.
        //multiselect: true,
        loadComplete: function(){
            //alert("init reason grid load");
            //addDelButtons(-1);
            //update_reason_list();
            //alert("test");
        },

        gridComplete: function(){
            //alert('gridcomplete');
            //jQuery("#grid_sched1").tableDnDUpdate();
        },
        beforeEditCell: function(rowid, cellname, value, iRow, iCol){
            //beforeEditCell: function(rowid){rowid
            //creasonEditingCell = 1; creasonEditingRowid = rowid; creasonEditingICol = iCol; creasonEditingIRow = iRow;
            //alert("before edit");
        },
        afterEditCell: function(rowid, cellname, value, iRow, iCol){
            //beforeEditCell: function(rowid){rowid
            //creasonEditingCell = 1; creasonEditingRowid = rowid; creasonEditingICol = iCol; creasonEditingIRow = iRow;
            //alert("after edit");
        },        
        afterSaveCell: function(rowid, cellname, value, iRow, iCol){
            //creasonEditingCell = 0; creasonEditingRowid = 0; creasonEditingICol = 0; creasonEditingIRow = 0;
            //alert("after save");
        },
        onCellSelect: function(rowid){
            //add_note('selected: ' + jQuery("#list").getGridParam("selrow")  );
            //alert('selected: ' + (jQuery("#grid_sched1").getRowData(rowid)).SEQ );
        }
    });
    jQuery("#grid_sched1").sortableRows();