jqGrid works fine in FireFox 4.0 officiall release.

Kind Regards

Tony

function jqGridInclude()
{
   
	
	var pathtojsfiles = "components/com_portal/js/jgrid/js/"; // need to be ajusted
    // set include to false if you do not want some modules to be included
    var combineIntoOne = false; 
    var combinedInclude = new Array();
    var combinedIncludeURL = "combine.php?type=javascript&files=";
    var minver = true;
    var modules = [
        { include: true, incfile:'grid.locale-en.js',minfile: 'min/grid.locale-en-min.js'}, // jqGrid translation
        { include: true, incfile:'grid.base.js',minfile: 'min/grid.base-min.js'}, // jqGrid base
        { include: true, incfile:'grid.common.js',minfile: 'min/grid.common-min.js' }, // jqGrid common for editing
        { include: true, incfile:'grid.formedit.js',minfile: 'min/grid.formedit-min.js' }, // jqGrid Form editing
        { include: true, incfile:'grid.inlinedit.js',minfile: 'min/grid.inlinedit-min.js' }, // jqGrid inline editing
        { include: true, incfile:'grid.celledit.js',minfile: 'min/grid.celledit-min.js' }, // jqGrid cell editing
        { include: true, incfile:'grid.subgrid.js',minfile: 'min/grid.subgrid-min.js'}, //jqGrid subgrid
        { include: true, incfile:'grid.treegrid.js',minfile: 'min/grid.treegrid-min.js'}, //jqGrid treegrid
        { include: true, incfile:'grid.custom.js',minfile: 'min/grid.custom-min.js'}, //jqGrid custom 
        { include: true, incfile:'grid.postext.js',minfile: 'min/grid.postext-min.js'}, //jqGrid postext
        { include: true, incfile:'grid.tbltogrid.js',minfile: 'min/grid.tbltogrid-min.js'}, //jqGrid table to grid 
        { include: true, incfile:'grid.setcolumns.js',minfile: 'min/grid.setcolumns-min.js'}, //jqGrid setcolumns
        { include: true, incfile:'grid.import.js',minfile: 'min/grid.import-min.js'}, //jqGrid import
        { include: true, incfile:'jquery.fmatter.js',minfile: 'min/jquery.fmatter-min.js'}, //jqGrid formater
        { include: true, incfile:'json2.js',minfile: 'min/json2-min.js'}, //json utils
        { include: true, incfile:'JsonXml.js',minfile: 'min/JsonXml-min.js'} //xmljson utils
    ];
    var filename;
    for(var i=0;i0) ) {
		var fileList = implode(",",combinedInclude);
		
		IncludeJavaScript(combinedIncludeURL+fileList);
	}
	function implode( glue, pieces ) {
    // http://kevin.vanzonneveld.net
    //original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    //example 1: implode(' ', ['Kevin', 'van', 'Zonneveld']);
    //returns 1: 'Kevin van Zonneveld'
		return ( ( pieces instanceof Array ) ? pieces.join ( glue ) : pieces );
    };
    
    function IncludeJavaScript(jsFile)
    {
        var oHead = document.getElementsByTagName('head')[0];
        var oScript = document.createElement('script');
        oScript.type = 'text/javascript';
        oScript.src = jsFile;
        oHead.appendChild(oScript);        
    };
};
jqGridInclude();

The solution is to replace this file with the content of the javascripts files which are included in this function:

- grid.locale-en.js
- grid.base.js
- grid.common.js

Etc...
Richard<

The problem is caused by the JS rendering engine of Firefox 4.0. This is so fast that the the necessary files are not loaded on the document ready since the script is not finished executing at the time the document is loaded. The JS  engine loads the script files defined within the tags "scripts" like below:

<script type="text/javascript" src="/js/jgrid/jquery.jqGrid.js"></script>

  but the engine has not finishing the code execution within the jquery.jqGrid.js file self so the necessary plugins files are not loaded which results in a undefined error.

In the latest jqgrid release these plugins are loaed into once Javascript file which is loaded once and is ready on document ready. So the error is not within the latest releases of jqqgrid.

To solve this problems for the older versions of jqgrid you need to replace the jquery.jqgrid.js with one file which contains all the content of all the necessary javascript plugins files inside, instead of execution the Javascript code within the jquery.jqgrid.js which loads each plugin seperate through javascript code.

Richard

The error "$.jgrid is undefined" typically means that "grid.locale-en.js" file not incuded before "jquery.jqGrid.min.js". In the case you have typically an error of some other havy problems in every browser.

Best regards
Oleg

cj said:

On firefox  4 release, this occurs

I get errors in firebug along the lines of

jQuery("#list").jqGrid is not a function

and

$.jgrid is undefined

+1

please, any solution?

I get errors in firebug along the lines of

jQuery("#list").jqGrid is not a function

and

$.jgrid is undefined

Thank you for this information.

Actually we will wait for the final release.

Kind Regards

Tony

jQGrid, both the demonstration examples site and the plugin itself does not work in Firefox 4 beta (I think it has been like this since beta 1)

I may look around in the code a bit and see if I can help find why.