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_TopicIcon
Adding more than 1 jqGrid to the same page
30/09/2013
15:41
Avatar
rrodriguez1975
Member
Members
Forum Posts: 8
Member Since:
27/09/2013
sp_UserOfflineSmall Offline

Is it possible to add more than 1 jqGrid to the same page? if so, could you tell me how? I have two jgGrid, both in the same page, but one appears in one tab and the another in another tab. I have a jquery ui tab. My problem is that only one is shown, the another not. Any ideas what's wrong?

<div id="jqGrid" class="jqGrid">
    @Html.Partial("../Grids/_ComponentGrid")
</div>

<div id="jqGridCapsules" class="jqGrid">
    @Html.Partial("../Grids/_CapsuleGrid")
</div>

Partial views:

../Grids/_ComponentGrid:

<table id="_componentGrid" cellpadding="0" cellspacing="0">
</table>
<div id="_componentPager" style="text-align: center;">
</div>

../Grids/_CapsuleGrid

<table id="_capsuleGrid" cellpadding="0" cellspacing="0">
</table>
<div id="_capsulePager" style="text-align: center;">
</div>

I have debugged it with Internet explorer and as I can see, it seems like jqGrid is being applied correctly for first (I post main div, within them there are others divs nested):

<div class="jqGrid" id="jqGrid">

    <div class="ui-jqgrid ui-widget ui-widget-content ui-corner-all" id="gbox__componentGrid" style="width: 790px;" dir="ltr">

<div class="ui-widget-overlay jqgrid-overlay" id="lui__componentGrid"/>

<div class="loading ui-state-default ui-state-active" id="load__componentGrid" style="display: block;">

<div class="ui-jqgrid-view" id="gview__componentGrid" style="width: 790px;">

<div class="ui-jqgrid-resize-mark" id="rs_m_componentGrid">

<div class="ui-state-default ui-jqgrid-pager ui-corner-bottom" id="_componentPager" style="width: 790px; text-align: center;" dir="ltr">

</div>

However, for second is not being applied as generated code is:

<div class="jqGrid" id="jqGridCapsules">

<table id="_capsuleGrid" cellspacing="0" cellpadding="0">

<div id="_capsulePager" style="text-align: center;">

as you can see for second, the code generated is completely different from the first. It should be the same as first. So it seems like jqGrid style is not being applied to the second one, Why? What's happening? any ideas, please?

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
30 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