I am using MVC 3 

<script type="text/javascript">

var headerID = <%=Model.ServiceHeader.TabIndex %>;

$(document).ready(function () {

grid();

init();

});

function init()

{

// handle the event triggered by the modal forms... and update the

// parent window notice the parameter tabid this is so the details page will know the tab

// need to look into why the call back does not close the window correctly...

// i am setting up a call back to use the slide up effect but this does not happen???

$(document).bind("UpdateSuccess",function (event, a) {

$('#ModalWindow').jqm({onHide: closeModal});

$('#ModalWindow').jqmHide();

$('#Grid').trigger("Updated", { tabid:headerID });

});

// handle event to clear the loading give on the modal window

$(document).bind("WindowLoaded",function() { $("#Loading").hide(); } );

//-------------------------------------------------

// this section must be defined under the DOM ready funciton

// since it will be used inside and outside of this section

// so we will define a close callback and and open call back

// for the modal window

// the actual trigger function will be called when the grid

// has finished rendoring...

//----------------------------------------------------------------

// define a close call back function for the modal window

var closeModal = function (hash) {

var $modalWindow = $(hash.w);

$modalWindow.slideUp("slow",function () {

if(hash.o) hash.o.remove();

});

} // end close windows

// define an open call back function for the modal window

var myOpen = function (hash) {

var $modal = $(hash.w);

var $trigger = $(hash.t);

var $modalContainer = $('iframe', $modal);

var myUrl = $trigger.attr('href');

var myTitle = $trigger.attr('title');

$('#TitleText').text(myTitle);

// show simple loading gif while the system gens the screen

// this wil dispaly just below the title line while the while the

// window is opening... it may only blink in some cases

// the modal will trun this off in the document ready function unless i can find

// another event to turn the gif off....

var ajaxLoading = "<img id='ajax-loader' src='<%= Url.Content("~/Content/Images") %>/ajax-loader.gif' >";

$("#Loading").html("<p>" + ajaxLoading + " Loading...</p>");

$("#Loading").show();

// JNS - This JQuery will intercept a message being returned and check to see

// if it is the correct page - a redirect to login will contain <!DOCTYPE within

// the first 50 characters -

// Check within those first 50 and if it is not there then we are getting the expected page

// Also NOTE - we remove the targe value from the jqm binding and the @href since this

// function handls both items.

$.get(myUrl,null, function(result,e,a) {

$.ajaxSetup({ cache: false });

// check for timeout if so the new page will be the login starting with

// the <!DOCTYPE - else it will be the normal injected page process normally

// get the first 50 chars from the return string and us it to match

if ( a.responseText.slice(0,50 ).indexOf( "<!DOCTYPE") > -1)

{

window.location.href='<%= Url.Content("~/Account/LogOn") %>';

}

$('#Content').html(result);

});

$modal.slideDown("slow");

};

//----------------------------------------------------------------------

// end of modal window call back functions

//----------------------------------------------------------------------

// this function is now bound to the triggering of the grid rendor complete

$("#ModalWindow").bind("Grid_Complete",function() {

$('#ModalWindow').jqm({

modal: true,

trigger:'a.Modal',

onShow: myOpen,

onHide: closeModal

});

});

} // end of document ready..

function grid()

{

url = '<%= Url.Content("~/ServiceDef/ServicedefGrid") %>';

jQuery("#list2").jqGrid({

url:url,

datatype: "json",

jsonReader: {

repeatitems: false,

id: "Id",

root: function(obj) {return obj.rows; },

//page: function(obj){return obj.page},

//total:function(obj){return obj.total},

//records: function(obj){ return obj.records}

},

colNames:['ID','Service Name', 'URL'],

colModel:[

{name:'id',index:'id', width:55},

{name:'name',index:'name', width:200},

{name:'url',index:'url', width:100}

//{name:'amount',index:'amount', width:80, align:"right"},

//{name:'tax',index:'tax', width:80, align:"right"},

//{name:'total',index:'total', width:80,align:"right"},

//{name:'note',index:'note', width:150, sortable:false}

],

rowNum:10,

rowList:[10,20,30],

pager: '#pager2',

sortname: 'id',

viewrecords: true,

sortorder: "desc",

caption:"Service Definition",

gridComplete: function(){ $("#ModalWindow").trigger("Grid_Complete");}

});

jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});

}

</script>