Forum

July 10th, 2011
You must be logged in to post Login Register

Search Forums:


 






Does not work in IE

No Tags
UserPost

15:24
22/07/2008


schenz

Cincinnati, OH

Member

posts 3

I need help getting this page working in IE (all versions).  Works fine in Firefox.


http://schenzcustomdesigns.com/RAC/RSVP/DisplayResults.html

16:31
22/07/2008


canvas.wang

Member

posts 11

I guess it's a javascript format problem. IE is more picky at javascript format.

Instead of using:

jQuery(document).ready
(
    function()
    {
        jQuery("#list2″).jqGrid
        (
            {             
                url: …
                           datatype: …
                            …
            }
        )
    }
)

Please try:

jQuery(document).ready(    function(){
    jQuery("#list2″).jqGrid({
        url: …
                datatype: …
                …
        })
})

23:46
22/07/2008


schenz

Cincinnati, OH

Member

posts 3

Ok, I've changed the Javascript to:

<script type="text/javascript">
            // We use a document ready jquery function.
            jQuery(document).ready(function(){
                jQuery("#list2″).jqGrid({
                    // the url parameter tells from where to get the data from server adding ?nd='+new Date().getTime() prevent IE caching
                    url:'DisplayResults.php?nd='+new Date().getTime(),
                   
                    // datatype parameter defines the format of data returned from the server in this case we use a JSON data
                    datatype: "json",
                   
                    // colNames parameter is a array in which we describe the names in the columns. This is the text that apper in the head of the grid.
                    colNames:['First Name', 'Last Name', 'Attending','Meal Choice','Guest First Name', 'Guest Last Name', 'Guest Attending','Guest Meal Choice','Last Updated'],
                   
                    // colModel array describes the model of the column.
                    // name is the name of the column,
                    // index is the name passed to the server to sort data
                    // note that we can pass here nubers too.
                    // width is the width of the column
                    // align is the align of the column (default is left)
                    // sortable defines if this column can be sorted (default true)
                    colModel:
                    [
                        {name:'fname1',index:'fname1', width:85},
                        {name:'lname1',index:'lname1', width:95},
                        {name:'attend1',index:'attend1', width:70},
                        {name:'meal1',index:'meal1', width:210},       
                        {name:'fname2',index:'fname2', width:120},
                        {name:'lname2',index:'lname2', width:120},
                        {name:'attend2',index:'attend2', width:110},
                        {name:'meal2',index:'meal2', width:210},       
                        {name:'update',index:'`update`', width:150}
                    ],
                   
                    // pager parameter define that we want to use a pager bar in this case this must be a valid html element.
                    // note that the pager can have a position where you want
                    pager: jQuery('#pager2'),
                   
                    // rowNum parameter describes how many records we want to view in the grid. We use this in example.php to return the needed data.
                    rowNum:50,
                   
                    // rowList parameter construct a select box element in the pager in wich we can change the number of the visible rows
                    rowList:[50,100,150],
                   
                    // path to mage location needed for the grid
                    imgpath: 'themes/coffee/images',
                   
                    // sortname sets the initial sorting column. Can be a name or number. this parameter is added to the url
                    sortname: 'lname1',
                   
                    //viewrecords defines the view the total records from the query in the pager bar. The related tag is: records in xml or json definitions.
                    viewrecords: true,
                   
                    //sets the sorting order. Default is asc. This parameter is added to the url
                    sortorder: "desc",
                    caption: "RSVP Information",
                    height:500
                });
            });
        </script>


Now in IE I get the error: "Object doesn't support this property of method" on line 27 Character 5, which is the following line:

jQuery("#list2″).jqGrid({

Any idea what this error is?

06:49
23/07/2008


tony

Sofia, Bulgaria

Moderator

posts 7375

Could you please load only base.jqgrid.js replacing

jquery.jqGrid.js i.e.

<script src="js/grid.base.js" type="text/javascript"></script>

For professional UI suites for PHP, ASP.NET and ASP.NET MVC visit us at our commercial products site – trirand.net – by the very same guys that created jqGrid.

07:24
23/07/2008


schenz

Cincinnati, OH

Member

posts 3

Ok, that seemed to work.

Should I just leave it like that, or was this a testing step?

07:32
23/07/2008


tony

Sofia, Bulgaria

Moderator

posts 7375

It is a IE problem which I should correct into the loader.

Thank you

Best Regards

Tony

For professional UI suites for PHP, ASP.NET and ASP.NET MVC visit us at our commercial products site – trirand.net – by the very same guys that created jqGrid.

No Tags

About the jQuery Grid Plugin – jqGrid forum

Most Users Ever Online:

215


Currently Online:

44 Guests

Forum Stats:

Groups: 1

Forums: 7

Topics: 10274

Posts: 30353

Membership:

There are 11038 Members

There have been 448 Guests

There is 1 Admin

There are 2 Moderators

Top Posters:

OlegK – 1210

markw65 – 179

kobruleht – 144

phicarre – 132

YamilBracho – 124

Renso – 118

Administrators: admin (60 Posts)

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




Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information