jQuery Grid Plugin - jqGrid

Hello Tony!

I found very strange bug in the Inline Editing module.

I use Master/Detail grids and want to add inline editing to “master” grid. I reduced my code to the following example which can reproduce my problem:

Html page:

<div>

  <table id=”list”></table>

  <div id=”pager”></div>

</div>

<div>

  <table id=”detail”></table>

  <div id=”pagerdetail”></div>

</div>

Js-file:

jQuery(document).ready(function() {

    var lastSel;

    var grid = jQuery('#list').jqGrid({

        caption: 'Testclusters',

        datatype: 'local',

        height: 'auto',

        pager: '#pager',

        pgbuttons: false,

        pginput: false,

        colNames: ['Name', 'Testtiefe'],

        colModel: [

            { name: 'Name', index: 'Name', width: 120, sortable: false, editable: true, editoptions: { size: 30} },

            { name: 'TesttiefeName', index: 'TesttiefeName', width: 180, sortable: false, search: false, editable: true, edittype: "select", editoptions: { value: "Alle SW-Produkte:Alle SW-Produkte;Nur geänderte SW-Produkte:Nur geänderte SW-Produkte", size: 25} }

        ],

        ondblClickRow: function(id, ri, ci) {

            //var grid = jQuery('#list');

            if (id && id !== lastSel) {

                //grid.saveRow(lastsel).editRow(id, true);

                grid.restoreRow(lastSel);

                lastSel = id;

            }

            grid.editRow(id, true);

            return;

        },

        onSelectRow: function(id) {

            if (id && id !== lastSel) {

                //grid.saveRow(lastsel).editRow(id, true);

                grid.restoreRow(lastSel);

                lastSel = id;

            }

            var rowdata = grid.getRowData(id);

            var gd = jQuery('#detail');

            gd.setCaption('Businessprofiele des Testclusters \\'' + rowdata.Name + '\\'');

            /*gd.setGridParam({ url: urlGetDetail + id,

                page: 1, datatype: 'json'

            }).trigger('reloadGrid');*/

        }

    }).navGrid('#pager');

 

    var mydata = [

        {id:"1",Name:"Product 1",TesttiefeName:"Alle SW-Produkte"},

        {id:"2",Name:"Product 2",TesttiefeName:"Alle SW-Produkte"},

        {id:"3",Name:"Product 3",TesttiefeName:"Nur geänderte SW-Produkte"},

        {id:"4",Name:"Product 4",TesttiefeName:"Nur geänderte SW-Produkte"}

    ];

    for(var i=0;i<mydata.length;i++)

        grid.addRowData(mydata[i].id,mydata[i]);

 

    var gridDetails = jQuery('#detail').jqGrid({

        caption: 'Testclustersdetails',

        datatype: 'local',

        height: 'auto',

        colNames: ['Businessprofil', 'Bereitstellungsform', 'RowVersion'],

        colModel: [

            { name: 'BusinessprofilName', index: 'Profil', width: 150, editable: true, editoptions: { size: 30} },

            { name: 'BereitstellungsformName', index: 'Bereitstellungsform', width: 150, search: false, editable: true, editoptions: { size: 25} },

            { name: 'RowVersion', index: 'RowVersion', width: 1, hidden: true, editable: true, editrules: { edithidden: false} }

        ]

    });

 

});

 

In this example “detail” grid should shows data depend on row selected in the “master” grid. If one selects a row in the “master” grid, the caption in the “detail” grid will be changed. After double click on a row in the “master” grid the row switched in the inline edit mode. Till now everything works OK. All look like following:

Now we click an arrow in the combo box and receive following strange behavior:

In the title (caption) of “detail” grid the part with the name of the row from “master” grid will be changed to an input field!!!???

 

I tried to find the corresponding place in the code of jqGrid to fix the problem, but without success. One more problem which I could see here is: during the work with the row in inline mode function onSelectRow are called often, which load every time contain of “detail” grid. Is it would be not better to do nothing instead of selection of already selected row in jqGrid?

 

Best regards

Oleg