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
Basic example - overlay stuck after load
09/02/2010
11:06
Avatar
xgote
Member
Members
Forum Posts: 13
Member Since:
09/02/2010
sp_UserOfflineSmall Offline

Hello.  I recently downloaded jqGrid and trying to get the basic example to work with an existing jQuery UI implimentation (custom theme rolled css).

        
        jQuery(document).ready(function() {
            console.log('loaded...');
            jQuery("#list4").jqGrid({ 
                    id: 'poohandle',
                    url: 'inventory.php', 
                    datatype: "json", 
                    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
                    colModel:[  {name:'id',index:'id', width:55}, 
                                {name:'invdate',index:'invdate', width:90}, 
                                {name:'name',index:'name asc, invdate', 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: '#pager4', 
                    sortname: 'id', 
                    viewrecords: true, 
                    sortorder: "desc"                     
//caption: "JSON Example" }); });

My php file just ouputs static JSON (for testing). It appears that it's loading fine, aside from the styling looking like a yard sale, however it appears that a div (modal?) is all over the place and not allowing anything to be clicked.

Image Enlarger

When I load firebug to inspect the element, it tells me that this element is hoggingall my space:

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

Have I loaded something incorrectly?  Seems like this could be common when mixing jquery-ui with the grid?  So far, removing the classes from that div makes it go away but that's not very clean, obviously.  All of my other jQuery-ui compontents  look fine throughout my site so not sure what's up with this.

10/02/2010
23:41
Avatar
xgote
Member
Members
Forum Posts: 13
Member Since:
09/02/2010
sp_UserOfflineSmall Offline

I'm guessing this is a styling issue.  The next thing I will probably try when I get home later is run this example by slowly taking out styles that aren't essential along with JS until something hits.  Firebug is just overloaded with crap when I inspect the elements of the grid and nothing I do to the padding or margins seem to do anything.. will update more after I've tried to debug more.

11/05/2010
19:40
Avatar
m_abdelfattah
Member
Members
Forum Posts: 8
Member Since:
06/08/2009
sp_UserOfflineSmall Offline

I've the same problem !

11/05/2010
21:13
Avatar
m_abdelfattah
Member
Members
Forum Posts: 8
Member Since:
06/08/2009
sp_UserOfflineSmall Offline

m_abdelfattah said:I've the same problem !


I'm so sorry, it was a problem of CSS, I forgot to import jqGrid CSS, now everything works fine.

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

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