I have the same issue with the virtual scrolling grid.  It's not usable in jQuery UI modal dialog.  I cannot type on the filter's input text field.  Also, after clicking "Find" the grid fails to load and the "Loading" loading keep showing.  The "Reset" won't work either.  Here is some code.

Please help.  It seems the grid will only work on a page, not on a layered dialog like the jQuery one.

Thanks,

Callistus

<div id="dialog">
    <table id="scroll37"></table>
    <div id="pscroll37" ></div>
</div>

$("#dialog").dialog({
    autoOpen: false,
    height: 450,
    width: 700,
    modal: true,
    buttons: {
        'Create an account': function() {
        },
        Cancel: function() {
            $(this).dialog('close');
        }
    },
    close: function() {
    }
})
.dialog('open');

var gridData = '{"page":"1","total":3,"records":"10","rows":[{"id":"1","cell":["1","Lorem","575878"]},{"id":"2","cell":["2","Lorem","857450"]},{"id":"3","cell":["3","ipsum","292404"]},{"id":"4","cell":["4","dolor","814131"]},{"id":"5","cell":["5","sit","962077"]},{"id":"6","cell":["6","amet,","549801"]},{"id":"7","cell":["7","sed","166822"]},{"id":"8","cell":["8","in","616758"]},{"id":"9","cell":["9","id","550799"]},{"id":"10","cell":["10","dictum","763004"]}]}';

$('#scroll37').jqGrid({
    datatype: "jsonstring",
    datastr: gridData,
    height: 255,
    width: 750,
    colNames: ['Index','Name', 'Code'],  
    colModel: [ {name:'item_id',index:'item_id', width:65, sorttype:'int'}, {name:'item',index:'item', width:150}, {name:'item_cd',index:'item_cd', width:100} ],
    rowNum:50,
    rowTotal: 2000,
    rowList : [20,30,50],
    scroll:1,
    loadonce:true,
    mtype: "GET",
    rownumbers: false,
    rownumWidth: 40,
    gridview: true,
    pager: '#pscroll37',
    sortname: 'item_id',
    viewrecords: true,
    sortorder: "asc",
    modal: false});                                        

$('#scroll37').jqGrid('navGrid','#pscroll37',{del:false,add:false,edit:false},{},{},{},{multipleSearch:true});

Could you please post your code or better send a link to the problem.

Regards

Tony

I'm hoping someone can help me with this issue, its driving me nuts

I have a jqgrid inside a jquery ui dialog (modal: true).  When i open the edit form i cannot click inside the textboxes - they seem to be locked or have an invisible element over them perhaps.

Has anyone come across this before?  Ive searched the forum, and the only solution that I could find was to make it non-modal - which i'd rather not do (in my case it makes sense for the dialog to be modal)

Thanks,

Michael