Forum

December 3rd, 2009
You must be logged in to post Login Register

Search Forums:


 






Basic example – overlay stuck after load

No Tags
UserPost

11:06
09/02/2010


xgote

Member

posts 13

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.



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.

23:41
10/02/2010


xgote

Member

posts 13

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.

19:40
11/05/2010


m_abdelfattah

Member

posts 8

I've the same problem !

21:13
11/05/2010


m_abdelfattah

Member

posts 8

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.

No Tags

About the jQuery Grid Plugin forum

Most Users Ever Online:

76


Currently Online:

sowenzhang

38 Guests

Forum Stats:

Groups: 1

Forums: 7

Topics: 5587

Posts: 19658

Membership:

There are 3631 Members

There have been 448 Guests

There is 1 Admin

There are 2 Moderators

Top Posters:

OlegK – 252

markw65 – 179

phicarre – 126

YamilBracho – 124

Renso – 109

Jim P – 101

Administrators: admin (35 Posts)

Moderators: tony (5872 Posts), Rumen[Trirand] (81 Posts)




Ads by Lake Quincy Media
Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information