Guriddo » Topic: jqGrid not working in Firefox 4 beta

jqGrid not working in Firefox 4 beta

Guriddo
jqGrid not working in Firefox 4 beta

This topic has 10 replies, 6 voices, and was last updated 15 years, 2 months ago by tony.

Creator

Topic
September 9, 2010 at 11:37 am #77087

mmzaman
Participant

Just wanted to inform you, in case you weren't aware.

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.
Creator

Topic

Viewing 10 replies - 1 through 10 (of 10 total)

Author

Replies

September 11, 2010 at 12:28 pm #95943

tony

Keymaster

Hello,

Thank you for this information.

Actually we will wait for the final release.

Kind Regards

Tony

March 24, 2011 at 5:21 am #97630

Participant

On firefox

March 28, 2011 at 6:10 am #97646

Participant

An update to my previous post; it works with jQuery 1.4.3, however reports the 'not a function' still

March 28, 2011 at 12:57 pm #97649

pistacerocervello

Participant

cj said:

On firefox

March 28, 2011 at 1:41 pm #97655

OlegK

Participant

The information that some grid have some error in Firefox 4 can not help. If you post some bug report you should allways provide the corresponding demo. How you can verify,

March 28, 2011 at 3:23 pm #97661

spiderglobe

Participant

Problem is with older version of jqGrid. The older vesion loads the plugin through the jquery.jqgrid.js file which includes all other plugins for jqGrid.

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

March 28, 2011 at 3:34 pm #97662

spiderglobe

Participant

To explain, this was the content old jquery.jqgrid.js file:

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

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 ) {

// <a href="http://kevin.vanzonneveld.net" target="_blank" rel="nofollow">http://kevin.vanzonneveld.net</a>

//original by: Kevin van Zonneveld (<a href="http://kevin.vanzonneveld.net" target="_blank" rel="nofollow">http://kevin.vanzonneveld.net</a>)

//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<

March 28, 2011 at 3:36 pm #97663

Participant

Thanks for the replies

March 29, 2011 at 6:14 am #97666

Participant

This is resolved

March 31, 2011 at 4:41 pm #97685

jqGrid not working in Firefox 4 beta

Search Forum

Recent Replies

Forum Statistics

UserOnline