jQuery Grid Plugin - jqGrid - Topic: SimpleModal+jqGrid = GridUnload() doesn't work

tony on SimpleModal+jqGrid = GridUnload() doesn't work

Tue, 06 Oct 2009 05:50:07 +0300

Hello,

In order to work this you should include a jQuery UI js file with support of dialog.

Regards

Tony

ffromdn on SimpleModal+jqGrid = GridUnload() doesn't work

Sat, 03 Oct 2009 07:05:43 +0300

sorry, but if i change my <javascript....> block on your's - modal window doesn't open...nothing happens.I feel that i must read simplemodal api.....

tony on SimpleModal+jqGrid = GridUnload() doesn't work

Sat, 03 Oct 2009 04:05:09 +0300

Hello,

Check your code. Here is may example using UI dialog which work OK:

for(var i=0;i<=mydata.length;i++)
jQuery(”#list4″).addRowData(i+1,mydata[i]);

$('#basic-modal-content').dialog('open'); return false;

});

</script>

ffromdn on SimpleModal+jqGrid = GridUnload() doesn't work

Fri, 02 Oct 2009 08:25:48 +0300

ffromdn on SimpleModal+jqGrid = GridUnload() doesn't work

Fri, 02 Oct 2009 08:24:01 +0300

Hi! I try to use jqGrid with SimpleModal plugin. It's ok , but i have some bug with recreation of jqGrid instance. Here is my code:

<div id='basic-modal'><h2>Basic Modal Dialog</h2>
    <a href='#' class='basic'>Demo</a>
</div>
<div id="basic-modal-content">
    <h3>Basic Modal Dialog</h3>
    <table id="list4" class="scroll" cellpadding="0" cellspacing="0"></table>
</div>

    $(document).ready(function()
    {


        $('#basic-modal a.basic').click(function (e)
        {
            e.preventDefault();
            $("#list4").GridUnload();
            var gridimgpath = '/css/ui-lightness/images';
            $("#list4").jqGrid({ datatype: "local", height: 250,
                colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
                colModel:[
                    {name:'id',index:'id', width:60, sorttype:"int"},
                    {name:'invdate',index:'invdate', width:90, sorttype:"date"},
                    {name:'name',index:'name', width:100},
                    {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"},
                    {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"},
                    {name:'total',index:'total', width:80,align:"right",sorttype:"float"},
                    {name:'note',index:'note', width:150, sortable:false} ],
                imgpath: gridimgpath, multiselect: true, caption: "Manipulating Array Data" });
            var mydata = [
                {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"} ];

for(var i=0;i<=mydata.length;i++)
jQuery("#list4").addRowData(i+1,mydata[i]);

$('#basic-modal-content').modal();

});

</script>

But it seems GridUnload() doesn't work - every click on hyperlink i have new modal "window" with i+1 instance of jqGrid.

Sorry for bad english.