jQuery Grid Plugin - jqGridForum

Forum

November 2nd, 2014

A A A

Topic RSS

IE bug? loading...dialog

14/03/2011
10:54

amilovac

Member

Members

Forum Posts: 9

Member Since:
03/11/2010

Offline

Hi,

I have a strange problem with JqGrid in IE7 and 8. I have several grids in different tabs. When I relod the page the dialog "Loading..." stays blank and won't go away until I do the refresh.

Is this a bug? I'm using the 3.8.2 version and Jquery 1.4.2.

Thanks.

Aleksandar

14/03/2011
13:12

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hello,

the described error there are typically if an error in one from JavaScripts take place. If you would start Developer Tools of IE (press F12 key) and run the scripts under the debugger control (choose "Script" tab and "Start debugging" button) you will see in "Console" tub on the right side the place where the error or exception take place.

Regards
Oleg

14/03/2011
13:24

amilovac

Member

Members

Forum Posts: 9

Member Since:
03/11/2010

Offline

Thanks Oleg. I didn't notice any errors in a script. Maybe some blank or something else thath doesn't belong to script?

14/03/2011
13:46

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Could you post the URL where one could see the problem?

14/03/2011
13:50

amilovac

Member

Members

Forum Posts: 9

Member Since:
03/11/2010

Offline

Sorry, it's an intranet site not accesible from the outside 🙁 Here is the JS code (first grid is Ok, the second and the third are not):

$(function () {

$("#list5").jqGrid({

url: 'js/JQgrid/gridAneks.php',

editurl: 'js/JQgrid/gridAneks.php',

datatype: 'json',

mtype: 'POST',

toolbar: [false, "top"],

colNames: ['Ð‘Ñ€Ð¾Ñ˜', 'Ð”Ð°Ñ‚ÑƒÐ¼', 'Ð”ÐµÐ»Ð°Ñ‚Ð½Ð¾ÑÑ‚', 'Ð Ð¾Ðº Ð·Ð°ÐºÑƒÐ¿Ð°:', 'ÐŸÐ¾Ñ‡ÐµÑ‚Ð°Ðº ÐºÐ¾Ñ€.', 'Ð£Ð³. ÐºÐ°Ð·Ð½Ð°', 'ÐžÑ‚ÐºÐ°Ð·Ð½Ð¸ Ñ€Ð¾Ðº', 'ÐŸÐ¾Ð²Ñ€ÑˆÐ¸Ð½Ð°'],

colModel: [{

index: 'broj_dokumenta',

width: 90,

editable: true,

search: true

{

index: 'datum_dokumenta',

width: 90,

editable: true,

search: false

{

index: 'delatnost',

width: 80,

align: 'right',

editable: true,

search: false

{

index: 'rok_zakupa',

width: 80,

align: 'right',

editable: true,

search: false

{

index: 'datum_pocetka',

width: 80,

align: 'right',

editable: true,

search: false

{

index: 'ugovorna_kazna',

width: 80,

align: 'right',

editable: true,

search: false

{

index: 'otkazni_rok',

width: 80,

align: 'right',

editable: true,

search: false

{

index: 'povrsina_m2',

width: 80,

align: 'right',

editable: true,

search: false

}],

pager: '#pager5',

rowNum: 10,

rowList: [10, 20, 30],

sortname: 'zd.broj_dokumenta',

sortorder: "asc",

rownumbers: true,

autowidth: true,

viewrecords: true,

postData: {

sortiraj: '1234',

customVar2: 'customVal2'

caption: 'ÐŸÑ€ÐµÐ³Ð»ÐµÐ´ Ð´Ð¾ÐºÑƒÐ¼ÐµÐ½Ð°Ñ‚Ð°'

});

jQuery("#list5").jqGrid('navGrid', '#pager5', {

del: false,

add: false,

edit: false

});

jQuery("#t_list5").append("<input type='button' value='ÐšÐ»Ð¸ÐºÐ½Ð¸ Ð¼Ðµ' style='height:20px;font-size:-3'/>");

$("input", "#t_list5").click(function () {

alert("ÐŸÐ¾Ð·Ð´Ñ€Ð°Ð², ÑÐ°Ð¼Ð¾ Ñ‚ÐµÑÑ‚Ð¸Ñ€Ð°Ð¼Ð¾!!!!");

});

$("#list2").jqGrid({

url: 'js/JQgrid/griddok.php',

editurl: 'js/JQgrid/griddok.php',

datatype: 'json',

mtype: 'POST',

colNames: ['Ð‘Ñ€Ð¾Ñ˜', 'Ð’Ñ€ÑÑ‚Ð° Ð´Ð¾Ðº.', 'ÐÐ°Ð·Ð¸Ð²'],

colModel: [{

index: 'zo.interni_broj',

width: 55,

editable: true,

search: true

//{

// name: 'zakupac',

// index: 'km.naziv_kom',

// width: 90,

// editable: true,

// search: false

//},

{

index: 'vrdok',

width: 80,

align: 'right',

editable: true,

search: false

{

index: 'naziv',

width: 80,

align: 'right',

editable: true,

search: false

}],

pager: '#pager2',

rowNum: 10,

rowList: [10, 20, 30],

sortname: 'zda_id',

sortorder: "asc",

rownumbers: true,

autowidth: true,

viewrecords: true,

postData: {

sortiraj: '1234',

customVar2: 'customVal2'

caption: 'ÐŸÑ€ÐµÐ³Ð»ÐµÐ´ Ð´Ð¾ÐºÑƒÐ¼ÐµÐ½Ð°Ñ‚Ð°'

});

$("#list2").jqGrid('navGrid', '#pager2', {

add: false,

edit: false,

del: false

});

jQuery("#t_list2").append("<input type='button' value='Click Me' style='height:20px;font-size:-3'/>");

$("input", "#t_list2").click(function () {

alert("Hi! I'm added button at this toolbar");

});

$("#list3").jqGrid({

url: 'js/JQgrid/gridOglas.php',

editurl: 'js/JQgrid/gridOglas.php',

datatype: 'json',

mtype: 'POST',

colNames: ['ÐžÐ±Ñ˜Ð°Ð²Ñ™ÐµÐ½Ð¾', 'Ð˜ÑÑ‚Ð¸Ñ‡Ðµ', 'Ð¨Ñ‚Ð°Ð¼Ð¿Ð°/Ð¡Ð°Ñ˜Ñ‚','Ð›Ð¸Ð½Ðº', 'Ð¡Ð°Ð´Ñ€Ð¶Ð°Ñ˜'],

colModel: [

{

index: 'datum_objavljivanja',

width: 55,

editable: true,

search: true

{

index: 'datum_isteka',

width: 55,

editable: true,

search: true

{

index: 'objavljeno',

width: 90,

editable: true,

search: false

{

index: 'link_oglasa',

width: 90,

editable: true,

search: false

{

index: 'datoteka',

width: 255,

editable: true,

search: false

}

pager: '#pager3',

rowNum: 10,

rowList: [10, 20, 30],

sortname: 'datum_objavljivanja',

sortorder: "asc",

rownumbers: true,

autowidth: true,

viewrecords: true,

postData: {

sortiraj: '1234',

customVar2: 'customVal2'

caption: 'ÐŸÑ€ÐµÐ³Ð»ÐµÐ´ Ð¾Ð³Ð»Ð°ÑÐ°'

});

$("#list3").jqGrid('navGrid', '#pager3', {

add: false,

edit: false,

del: false

});

//za aneks ugovori

$("#list7").jqGrid({

url: 'js/JQgrid/grida2.php?q=1',

datatype: 'xml',

mtype: 'GET',

height: 80,

colNames: ['Ð‘Ñ€Ð¾Ñ˜', 'Ð”Ð°Ñ‚ÑƒÐ¼', 'ÐžÐ¿Ð¸Ñ', ' Ð’Ð°Ð»ÑƒÑ‚Ð°', 'ÐŸÐ¾Ð·Ð¸Ð² Ð½Ð° Ð±Ñ€Ð¾Ñ˜'],

colModel: [{

index: 'zao_id',

width: 135,

search: true

{

index: 'interni_broj',

width: 135,

search: true

{

index: 'napomena',

width: 135,

align: 'right',

search: true

{

index: 'interni_broj',

width: 135,

search: true

{

index: 'napomena',

width: 135,

align: 'right',

search: true

}],

rowNum: 30,

search: true,

rowList: [10, 20, 30],

sortname: 'zao_id',

sortorder: 'asc',

viewrecords: true,

caption: 'ÐÐ½ÐµÐºÑÐ¸ Ð£Ð³Ð¾Ð²Ð¾Ñ€Ð¸',

multiselect: false,

subGrid: true,

subGridUrl: 'js/JQgrid/subgrida2.php?q=2',

subGridModel: [{

width: [60, 60, 60, 70, 100, 90, 100, 110]

}]

}

);

});

14/03/2011
14:22

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

One should debug the code with the server data. I see small inconsistents in sortname: 'zd.broj_dokumenta' and index: 'broj_dokumenta', twice column 'interni_broj' and name: 'napomena' definition (4th and 5th columns probably should be deleted) in the $("#list7") table. Morover you use in the tables on the page many columns with the same information like 'broj_dokumenta'. It is not clear from the code which data in every coulmn you use as the row id. It is important that the row ids will be used as id attribute of <tr> elements of tables. So it is mot permitted to have any id duplicates on one page.

I am not sure that any from above listed problem follow to the error which you have. I recommend in any way to include loadError event handle in all grids. Moreover it is good to examine the server response in case of "Loading" error. You can use Fiddler or Firebug to see raw HTTP requests and responce send from the server.

Best regards
Oleg

14/03/2011
15:09

amilovac

Member

Members

Forum Posts: 9

Member Since:
03/11/2010

Offline

Thanks Oleg. This is more than hlepful. I usualy work with FF and firebug, but this was a specific request from a customer. 🙁

I will go with loadError event and try to examine server response.

Best regards,

Aleksandar

28/03/2011
12:21

ganlhi

Member

Members

Forum Posts: 6

Member Since:
27/04/2010

Offline

Hello there !

I just found the same bug in my code, and it seems to be a bug in jqgrid, happening when a grid is loaded into a "closed" tab or accordion part.

With exactly the same code and the same data from the server, everything is fine in FF and Chrome, but in IE (6 in my case) the "Loading..." message box remains on top of the grid, but only the box. The text message itself is hidden :

Again, this problem occurs only into a block not displayed while the grid is loading. For example, in the active tab of a tabs group, the message would properly disappear.

Hope these precisions will help to understand the problem.

28/03/2011
13:26

amilovac

Member

Members

Forum Posts: 9

Member Since:
03/11/2010

Offline

Don't know if it is JQgrid bug or not, but the when you disable compatibility view in IE - it disappeares! Hope this wil help.

Regards,

Aleksandar

28/03/2011
13:35

ganlhi

Member

Members

Forum Posts: 6

Member Since:
27/04/2010

Offline

Thanks for the information but... What is compatibility view ? Smile

28/03/2011
13:39

amilovac

Member

Members

Forum Posts: 9

Member Since:
03/11/2010

Offline

...an icon that looks like a page (IE8) next to the address bar or look in tools menu

Regards

28/03/2011
13:41

ganlhi

Member

Members

Forum Posts: 6

Member Since:
27/04/2010

Offline

Ah ok ! But in my case the issue appears in IE 6 (corporate software, always up to date ^^), so this option does not exists !

28/03/2011
13:50

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

About the problems in IE compatibility mode I recommend to read this answer inclusive many comments.

@ganlhi: If there are exist any other problem you should post the demo example (possibly simple) which can be used to reproduce the problem. I recommend everybody to make the demo as simple as possible. Typically during simplification of your original example you will see that after one step the problem is away and you will find the bug in your code.

Best regards
Oleg

28/03/2011
13:56

amilovac

Member

Members

Forum Posts: 9

Member Since:
03/11/2010

Offline

@Oleg: Nice one! I didn't know that you can set the meta tag like that. Thanks.

Aleksandar

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
78 Guest(s)

Currently Browsing this Page:
1 Guest(s)