Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_Related Related Topics sp_TopicIcon
Form is disabled on load - JqGrid - SubGrid
13/08/2011
01:45
Avatar
soujanyakumar
New Member
Members
Forum Posts: 2
Member Since:
13/08/2011
sp_UserOfflineSmall Offline

Hello,

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)

14/08/2011
09:50
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

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 

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.

15/08/2011
02:54
Avatar
soujanyakumar
New Member
Members
Forum Posts: 2
Member Since:
13/08/2011
sp_UserOfflineSmall Offline

Tony,

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

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
53 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.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information