Forum


23:58

23/04/2010

Hello,
I'm having a problem where my JQgrid page is "stuck" in modal view.
I'm using:
- JQGrid 3.6.4
- JQuery UI 1.8
- JQuery 1.4.2
- ASP.NET MVC 2 / ASP.NET 3.5
I've used JQGrid on other projects without any problem: Here is the HTML:
<table id="tblGrid" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="divPager" class="scroll" style="text-align:center;"></div>
Here is the JavaScript:
$("#tblGrid").jqGrid({
url: 'Users/GetList',
colNames: ['Last Name', 'First Name', 'Email', 'Phone', 'Role', '', ''],
colModel: [
{ name: 'LastName', index: 'LastName', width: 200 },
{ name: 'FirstName', index: 'FirstName', width: 150 },
{ name: 'Email', index: 'Email', width: 300 },
{ name: 'Phone', index: 'Phone', width: 150 },
{ name: 'Role', index: 'Role', width: 200 },
{ name: 'UserId', index: 'UserId', align: 'center', sortable: false, width: 150 },
{ name: 'Empty', index: 'Empty', align: 'center', hidden: true, sortable: false, width: 815 }
],
pager: '#divPager',
sortname: 'LastName',
sortorder: 'desc',
multiselect: false,
datatype: "json",
mtype: 'POST',
rowNum: 50,
rowList: [25, 50, 100, 250, 500],
scrollOffset: 0,
viewrecords: true,
width: 750,
height: 'auto',
caption: " "
});
This is the JSON that is coming back from my controller:
{"total":0,"page":1,"records":2,"rows":[{"id":"4","cell":["User","Sample","u003ca href="mailto:sUser@somewhere.com"u003ejUser@somewhere.comu003c/au003e","","Administrator","u003ca href="/users/edit/4"u003eView / Editu003c/au003e"]},{"id":"1","cell":["Administrator","System","u003ca href="mailto:administrator@somewhere.com"u003eadministrator@somewhere.comu003c/au003e",null,"Administrator","u003ca href="/users/edit/1"u003eView / Editu003c/au003e"]}]}
Here is a link to the screenshot where you can see the "stuck" state:
http://www.jasonschatz.com/stuckmodal.jpg
Anyone have any ideas? I've spent hours now trying to figure it out, it works fine on other projects, no idea what's wrong here.
Thanks,
Jason
14:54

Moderators
30/10/2007

Hello,
This seemed to be a CSS related problem. Also be a sure you load the correct css. If you have problem with this copy the css from the project that this work.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
112 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66