Thanks for your response.

I am using IE 8.

I deleted all JS files and CSS and Lib.Web.MVC and readded from the project where this was working.  None of them worked for me. I verified the Doctype and looked good. 

I deleted the complete project which had the issue and reconstructed from scratch using the POC version, that worked. Only thing different was I added all of the JQGrid library using the Nuget.

By the way, I have just started using the jqGrid in MVC 3 app using Razor. So for, I very impressed by how easy it is to use. It is powerful as well.

Thanks

Kumar

There is a missing information on in which browsers is this.

It seems that in the real project you include some CSS or JS files which are the reason for this.

or something elese. (Plese check your DOCTYPE)

If possible try to include only the needed jqgrid files and if this work, include step by step the other files in order to

find the problem

Regards 

When I include the subgrid into a project and start the application, all of the form is disabled except the text area of the JqGrid. Looks like I am doing something wrong with the includes and references

I have tested this out in another Subgrid in a demo project I downloaded and it works fine there but not in the real project.

This is the code that is not working and below are my includes

$(document).ready(function () {

$('#jqgOrders').jqGrid({

//url from wich data should be requested

url: '@Url.Action(

//type of data

datatype: 'json',

//url access method type

mtype: 'POST',

//columns names

colNames: ['OrderID', 'Customer', 'Employee', 'Employee'],

//columns model

colModel: [

{ name: 'OrderID', index: 'OrderID', align: 'center', width: 200 },

{ name: 'Customer', index: 'CustomerID', align: 'center', width: 150 },

{ name: 'Employee', index: 'EmployeeID', align: 'center', width: 150 },

{ name: 'Employee', index: 'EmployeeID', align: 'center', width: 150, formatter:'showlink', formatoptions:{baseLinkUrl:'http://www.trirand.com/jqgridwiki/doku.php', addParam: '&action=edit'} }

],

//pager for grid

pager: $('#jqgpOrders'),

//number of rows per page

rowNum: 10,

//initial sorting column

sortname: 'OrderID',

//SET Width

width: [200, 200, 200, 200],

//initial sorting direction

sortorder: 'asc',

//we want to display total records count

viewrecords: true,

//grid height

height: '100%',

//enable subgrid

subGrid: true,

//subrid model

// subGridModel: [{

// //subgrid columns names

// name: ['Suite', 'Status', 'Report Link'],

// //subgrid columns widths

// width: [200, 100, 100],

// //subrig columns aligns

// align: ['left', 'left', 'left'],

// formatter: ['showlink','showlink','showlink']

// }],

subGridModel: [{

//subgrid columns names

name: ['Suite', 'Status'],

//subgrid columns widths

width: [200, 100],

//subrig columns aligns

align: ['left', 'left'],

}],

//url from which subgrid data should be requested

subGridUrl: '@Url.Action(

});

});

"Result")',"ResultDetails")'</script>

}

<

script src="@Url.Content("~/Scripts/jquery-1.5.2.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.7.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-ui.multiselect.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.tmpl.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.jqGrid.locale-en-4.1.2.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.jqGrid-4.1.2.min.js")" type="text/javascript"></script>

@RenderSection(

"JavaScript", false)