jQuery Grid Plugin - jqGridForum

Topic RSS

Default Filters fail in IE

26/06/2010
00:47

Jamal

Member

Members

Forum Posts: 6

Member Since:
21/06/2010

Offline

Moderator, I have moved this from the 'Help' forum. Please delete that post titled "Default Filter(s) fail in IE7; Work great in FireFox"

I need help understanding why the code below works great in FireFox 3.6.3, but fails in IE7 & IE6.

jQuery Grid versions tested: 3.6.5 (using jQuery 1.3.2) and 3.7.1 (using jQuery 1.4.2).

I would greatly appreciate any help.

IE7 & 6 Error message:

A Runtime Error has occurred
Do you wish to Debug?
Line: 569
Error:'find(…).0' is null or not an object

**The line number reported by IE7 corresponds to the setFilter function in jquery.searchfilter.js

Code:

var mygrid = jQuery("#speed").jqGrid({
    url:'get_some_data.php',
       datatype: "JSON",
       height: 140,
       width: 950,
    colNames:['User ID','Last Name', 'First name', "Phone", "Email"],
    colModel:[
        {name:'uid',index:'uid', width:65},
        {name:'lname',index:'lname', width:65},
        {name:'fname',index:'fname', width:65},
           {name:'phone',index:'phone', width:65},
           {name:'email',index:'email', width:65}
    ],
    rowNum:6,
    rowList:[10,20,30],
    mtype: "POST",
       rownumbers: false,
       rownumWidth: 40,
       gridview: true,
    pager: '#speedp',
    sortname: 'uid',
       viewrecords: true,
       sortorder: "asc",
       hidegrid: false,
       caption: "All Users",

       search:true,
       postData: {
           "filters":'{"groupOp":"and","rules":[{"field":"uid","op":"eq","data":"100"}, {"field":"lname","op":"eq","data":"test"}]}'
       }
});

mygrid.navGrid('#speedp', {edit:false,add:false,del:false,search:true,refresh:false, searchtext:"Search" },
{},{}, {}, {multipleSearch:true} );

Default Filter(s) fail in IE7; Work great in FireFox

28/06/2010
11:57

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Please search this forum, thare are a lot of post about this problem and how to resolve in IE

Regards

Tony

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.

30/06/2010
19:17

Jamal

Member

Members

Forum Posts: 6

Member Since:
21/06/2010

Offline

Hi Tony,

I searched before I posted, and I searched again after you responded. The solutions to the problems other users have had with IE -- in the posts that I looked at -- don't apply or don't work for my problem. Can you point me to a post where users have issues with IE and default filters?

More information:

To be more specific about the problem. When I click on the search button once, I get the error in my first post. When I click a second time, immediately after, the multiple search dialog comes up with only the first search row populated. It fails to populate the second search row.

Here's the HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....t;>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>jqGrid Demos</title>

       <link rel="stylesheet" type="text/css" media="screen" href="themes/custom-theme/jquery-ui-1.7.2.custom.css" />
       <link rel="stylesheet" type="text/css" media="screen" href="themes/ui.jqgrid.css" />

       <script src="jquery.jqGrid-3.7.1/js/jquery-1.4.2.min.js" type="text/javascript"></script>
                <script src="jquery.jqGrid-3.7.1/js/i18n/grid.locale-en.js" type="text/javascript"></script>
       <script src="js/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
       <script src="js/jquery.layout.js" type="text/javascript"></script>

</html>

30/06/2010
23:22

Jamal

Member

Members

Forum Posts: 6

Member Since:
21/06/2010

Offline

Update

Even when I remove the following lines from the .js file, the multiple search feature generates an error when I select 'reset' after adding more than one search criteria.

Removed lines:

search:true,
postData: {"filters":{"groupOp":"and","rules":[{"field":"uid","op":"eq","data":"100"},{"field":"lname","op":"eq","data":"test"}]}}

Error generated when 'reset' is selected after adding more than one search criteria

A Runtime Error has occurred
Do you wish to Debug?
Line: 569
Error:'find(…).0' is null or not an object

search:true,
postData: {"filters":{"groupOp":"and","rules":[{"field":"uid","op":"eq","data":"100"},{"field":"lname","op":"eq","data":"test"}]}}*/

06/07/2010
11:08

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Could you please read this?

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.

06/07/2010
18:17

Jamal

Member

Members

Forum Posts: 6

Member Since:
21/06/2010

Offline

Hi Tony,

I already have a DOCTYPE declaration -- look at HTML above. It fails even after using the DOCTYPE that you provide in the post you link to.

About the Apache META tag solution, is this the only way? What if I don't have rights to modify the Apache httpd.conf file?

On my localhost, adding "Header set X-UA-Compatible “IE=EmulateIE7”" under "LoadModule headers_module modules/mod_headers.so" and restarting Apache doesn't change anything. The second filters 'op' value is still coming through as undefined.

Thank you for all your help so far.

19/07/2010
14:30

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

I really want to know where is the problem. Can you please prive a link to the problem?

Thank you

Best Regards

Tony

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.