Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
Very slow on FF, fast on IE 8
20/10/2009
04:17
Avatar
Felix
Guest
Guests

Hi, i'm experiencing problems with FireFox and JQGrid, on IE8 my grid works very good. The problems is this: when the cliente edit something (add, delete or edit a row) the JQgrid is "Loading..." about 7-8 seconds, and on IE do in miliseconds, it's strange, my server side script language is Python, and the data is JSON. Here is my .html code:

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

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery("#list_alas").jqGrid({
    url:'jqgrid.cgi?t=0',
    datatype: 'json',
    width: 1200,
    imgpath: 'css/redmond/images',
    colNames:['Name','IP'],
    colModel :[
      {name:'Name', index: 'Name', width:250, align: 'center', resizable: false, editable: true, sortable: false},
      {name:'IP', index: 'IP',width: 250, align: 'center',resizable: false, editable: true, sortable: false},
    ],
    jsonReader :{
        root: "rows",
        page: "page",
        total: "total",
        records: "records", 
        repeatitems: true,
        cell: "cell",
        id: "id",
        },
    savekey: true,
    pager: jQuery('#pager_alas'),
    rowNum:10,
    rowList:[10, 20, 30],
    sortname: 'Name',
    sortorder: 'desc',
    viewrecords: true,
    editurl: 'jqgrid_edit_alas.cgi',
    caption: 'SISP-Alas Configurator',
    }).navGrid("#pager_alas",{view:false, search:false, refresh:false},
    {recreateForm: true, closeAfterEdit: true, reloadAfterSubmit:false, savekey: [true, 13]},
    {recreateForm: true, closeAfterAdd: true, reloadAfterSubmit:false, savekey: [true, 13]},
    {recreateForm: true, clseAfterDel: true, reloadAfterSubmit:false, savekey: [true, 13]}
    );
   
    //more grids that are irrelevant to the problem (have the same configuration than the #list_alas" grid.
});
   
</script>
</head>
<body>
<table id="list_alas"></table>
<div id="pager_alas"></div>
<table id="list_po"></table>
<div id="pager_po"></div>
<table id="list_cells"></table>
<div id="pager_cells"></div>
</body>
</html>

All help is welcome, and sorry for my bad english 🙂 I think the problem is this code :S but i'm not sure. I can post my python script if is needed.

20/10/2009
04:55
Avatar
felix
Guest
Guests

Sorry, i can't edit my previous post, but on Opera 10, my JQgrid run prettygod... i've googled a lot, but i don't found nothing 🙁

21/10/2009
03:58
Avatar
Felix
Guest
Guests

The problem is only after post to server, firebug gives me after 30ms a print response after edit on database of the server, so is a client problem. GET for take the data to show on JQgrid is fast, so, the problem is only while editing, after post on editurl. I don't know what to do :S

21/10/2009
04:04
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

If this is the original code I wonder how this work in FF and especially in IE. You have a not needed comma here:

colModel :[
{name:'Name', index: 'Name', width:250, align: 'center', resizable: false, editable: true, sortable: false},
{name:'IP', index:'IP',width:250, align:'center',resizable:false,editable:true,sortable: false}, <- Erorr
],

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.

21/10/2009
05:49
Avatar
Felix
Guest
Guests

Thanks for your answer, Tony!

Oh, what a fail.. :$ First time programming on JS, so sorry… But, the problem is the same, my full code is that:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>ALAS</title>
 
<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#list_alas").jqGrid({
            url:'jqgrid.cgi?t=0',
            datatype: 'json',
            width: 1200,
            imgpath: 'css/redmond/images',
            colNames:['Name', 'IP'],
            colModel :[
              {name:'Name', index: 'Name', width:250, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'IP', index: 'IP', width: 250, align: 'center', resizable: false, editable: true, sortable: false}
            ],
            jsonReader :{
                root: "rows",
                page: "page",
                total: "total",
                records: "records", 
                repeatitems: true,
                cell: "cell",
                id: "id"
                },
            savekey: true,
            pager: jQuery('#pager_alas'),
            rowNum:10,
            rowList:[10, 20, 30],
            viewrecords: true,
            editurl: 'jqgrid_edit_alas.cgi',
            caption: 'SISP-Alas Configurator'
            }).navGrid("#pager_alas",{view:false, search:false, refresh:false},
            {recreateForm: true, closeAfterEdit: true, reloadAfterSubmit: false, savekey: [true, 13]},
            {recreateForm: true, closeAfterAdd: true, reloadAfterSubmit: false, savekey: [true, 13]},
            {recreateForm: true, closeAfterDel: true, reloadAfterSubmit: false, savekey: [true, 13]}
            );
    
        jQuery("#list_po").jqGrid({
            url:'jqgrid.cgi?t=1',
            datatype: 'json',
            width: 1200,
            imgpath: 'css/redmond/images',
            colNames:['Name', 'ID', 'IP', 'Ala', 'Associated OP', 'Sequence'],
            colModel :[
              {name:'Name', index:'Name', width:83, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'ID', index: 'ID', width: 83, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'IP', index: 'IP', width: 83, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'Ala', index: 'Ala', width: 83, align: 'center', resizable: false, editable: true, sortable: false, edittype: "select", editoptions: {dataUrl: 'jqgrid_select.cgi?t=0'}},  
              {name:'Associated OP', index: 'PO Asociado', width: 83, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'Sequence', index: 'Sequence', width: 83, align: 'center', resizable: false, editable: true, sortable: false}
            ],
            jsonReader :{
                root: "rows",
                page: "page",
                total: "total",
                records: "records", 
                repeatitems: true,
                cell: "cell",
                id: "id"
                },
            pager: jQuery('#pager_po'),
            rowNum:10,
            rowList:[10, 20, 30],
            viewrecords: true,
            editurl: 'jqgrid_edit_po.cgi',
            caption: 'SISP-OP Configurator'
            }).navGrid("#pager_po",{view:false, search:false, refresh:false},
            {recreateForm: true, closeAfterEdit: true, reloadAfterSubmit: false, savekey: [true, 13]},
            {recreateForm: true, closeAfterAdd: true, reloadAfterSubmit: false, savekey: [true, 13]},
            {recreateForm: true, colseAfterDel: true, reloadAfterSubmit: false, savekey: [true, 13]}
            );
    
        jQuery("#list_cells").jqGrid({
            url:'jqgrid.cgi?t=2',
            datatype: 'json',
            width: 1200,
            imgpath: 'css/redmond/images',
            colNames:['Name','ID', 'Ala', 'OP', 'IN-0', 'IN-1', 'IN-2', 'IN-3', 'OUT-0', 'OUT-0 (IS)', 'OUT-1', 'OT-1 (IS)', 'OUT-2', 'OUT-2 (IS)', 'OUT-3', 'OUT-3 (IS)'],
            colModel :[
              {name:'Name', index:'Name', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'ID', index: 'ID', width: 50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'Ala', index: 'Ala', width: 50, align: 'center', resizable: false, editable: true, sortable: false, edittype: "select", editoptions: {dataUrl: 'jqgrid_select.cgi?t=0'}},  
              {name:'OP', index: 'OP', width: 50, align: 'center', resizable: false, editable: true, sortable: false, edittype: "select", editoptions: {dataUrl: 'jqgrid_select.cgi?t=1'}},
              {name:'IN-0', index:'IN-0', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'IN-1', index:'IN-1', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'IN-2', index:'IN-2', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'IN-3', index:'IN-3', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'OUT-0', index:'OUT-0', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'OUT-0 (IS)', index:'OUT-0 (IS)', width:50, align: 'center', resizable: false, editable: true, sortable: false, edittype: "select", editoptions: {value:{0:'On',1:'Off'}}},
              {name:'OUT-1', index:'OUT-1', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'OUT-1 (IS)', index:'OUT-1 (IS)', width:50, align: 'center', resizable: false, editable: true, sortable: false, edittype: "select", editoptions: {value:{0:'On',1:'Off'}}},
              {name:'OUT-2', index:'OUT-2', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'OUT-2 (IS)', index:'OUT-2 (IS)', width:50, align: 'center', resizable: false, editable: true, sortable: false, edittype: "select", editoptions: {value:{0:'On',1:'Off'}}},
              {name:'OUT-3', index:'OUT-3', width:50, align: 'center', resizable: false, editable: true, sortable: false},
              {name:'OUT-3 (IS)', index:'OUT-3 (IS)', width:50, align: 'center', resizable: false, editable: true, sortable: false, edittype: "select", editoptions: {value:{0:'On',1:'Off'}}}
            ],
            jsonReader :{
                root: "rows",
                page: "page",
                total: "total",
                records: "records", 
                repeatitems: true,
                cell: "cell",
                id: "id"
                },
            pager: jQuery('#pager_cells'),
            rowNum:10,
            rowList:[10, 20, 30],
            viewrecords: true,
            editurl: 'jqgrid_edit_cells.cgi',
            caption: 'SISP-Cells configuration'
            }).navGrid("#pager_cells",{view:false, search:false, refresh: false},
            {recreateForm: true, closeAfterEdit: true, reloadAfterSubmit: false, savekey: [true, 13]},
            {recreateForm: true, closeAfterAdd: true, reloadAfterSubmit: false, savekey: [true, 13]},
            {recreateForm: true, closeAfterDel: true, reloadAfterSubmit: false, savekey: [true, 13]}
            );
    });
</script>
</head>
<body>
<table id="list_alas"></table>
<div id="pager_alas"></div>
<table id="list_po"></table>
<div id="pager_po"></div>
<table id="list_cells"></table>
<div id="pager_cells"></div>
</body>
</html>

i think all the commas are in good position now :p, thanks for your time and hep Tony ;)

23/10/2009
04:02
Avatar
Felix
Member
Members
Forum Posts: 8
Member Since:
22/10/2009
sp_UserOfflineSmall Offline

I tried to debug the JQgrid with firebug, on Script i set to true the stop if the script has an error option.

When click on navigator Edit button, fireug show me that:

j.p.colModel[h].formoptions is undefined on function htmlDecode().

On Del button:

d(":input:visible", f.w[0] is undefined

On Add button:

seems to give me the same error than Edit button.

Im not using the formoptions, and i check the colModel values and i didn't see any value wrong, help are welcome 🙂

27/10/2009
03:13
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

I think you do not have downloaded all the needed modules when you build the download or be a sure that all the javascript files are loaded correct.

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.

27/10/2009
05:19
Avatar
Felix
Member
Members
Forum Posts: 8
Member Since:
22/10/2009
sp_UserOfflineSmall Offline

Hi Tony, i redownload the JQgrid with all options marked (3.5.3) and i uploadthem to server, run the web, and the editselect type cells show "undefined" ,edit not work firebug gives me this error:

$("td:eq(" + i + ")", ind).html(vl).attr is not a function
what is the problem? :S My old jquery.jqgrid.min.js not gives me this error :S
i'm getting little deseperate haha 😀
Thanks for your help Tony 😉
27/10/2009
05:22
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

Be a sure that you load the language file grid.locale-en.js before the jquery.jqGrid.min.js

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.

27/10/2009
05:29
Avatar
Felix
Member
Members
Forum Posts: 8
Member Since:
22/10/2009
sp_UserOfflineSmall Offline

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>ALAS</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
   
<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

This is my html, grid.locale-en.js is loaded first than jqGrid :S, on server all files are on 777 permision so, don't know what is the problem. :S

27/10/2009
06:03
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

Do not know - sorry. The last chance - could you please replace

<html xmlns=”http://www.w3.org/1999/xhtml&rdquo; xml:lang=”en” lang=”en”>

with just

<html>

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.

27/10/2009
06:10
Avatar
Felix
Member
Members
Forum Posts: 8
Member Since:
22/10/2009
sp_UserOfflineSmall Offline

No, still don't work with <html>, but i redownload the JQgrid plugin without the option “Formatter” and works like before, so the undefined option is when i put this option on jqgrid file. jqgrid still don't work well on firefox :( Now i have 3.5.3 without formatter option on the server, and on IE works pretty good.

EDIT: I have delete on some cells the variable Formatter: 'select', and don't give me undefined errors, but still don't work :S, so the undefined error was my problem :$

In conclusion, last version of JQgrid with all options and still don't work :S could be some theme options?

29/10/2009
03:20
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

Could you please try first just with one grid and see the result, then add the second and etc.

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.

29/10/2009
03:44
Avatar
Felix
Member
Members
Forum Posts: 8
Member Since:
22/10/2009
sp_UserOfflineSmall Offline

I have try with only one grid and the problem is the same... :S I don't know what can be the problem...

Thanks for your help Tony 🙂

30/10/2009
08:05
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

Do you have all correct on the server. In FireBug see how long is the request to the server.

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/10/2009
09:16
Avatar
Felix
Member
Members
Forum Posts: 8
Member Since:
22/10/2009
sp_UserOfflineSmall Offline

POST jqgrid_edit_alas.cgi - 200 OK - 59ms

I try to edit on firefox, open IE and... IE show me the edited cell while firefox is working on display the change on client :S The problem is only on change a data on client :S GET on firefox is fast :S

02/11/2009
13:56
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Felix,

In order to finish this saga, could you please send me a link to the problem?

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.

10/05/2010
17:57
Avatar
gdboling
Member
Members
Forum Posts: 4
Member Since:
07/04/2008
sp_UserOfflineSmall Offline

Any update to this issue?  I am having the exact same issue with FF.  If I turn FB off, things seem to work ok.  But with FB enabled, I get the formoptions undefined issue.  Using the latest download of jqGrid.

Thanks

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
77 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information