Guriddo » Topic: IE bug? loading…dialog

IE bug? loading…dialog

Guriddo
IE bug? loading…dialog

This topic has 13 replies, 3 voices, and was last updated 15 years ago by amilovac.

Creator

Topic
March 14, 2011 at 10:54 am #78206

amilovac
Participant

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
Creator

Topic

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

Author

Replies
March 14, 2011 at 1:12 pm #97560

OlegK
Participant

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

March 14, 2011 at 1:24 pm #97561

amilovac
Participant

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

March 14, 2011 at 1:46 pm #97562

OlegK
Participant

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

March 14, 2011 at 1:50 pm #97563

amilovac
Participant

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: [{

name: 'broj_dokumenta',

index: 'broj_dokumenta',

width: 90,

editable: true,

search: true

},

{

name: 'datum_dokumenta',

index: 'datum_dokumenta',

width: 90,

editable: true,

search: false

},

{

name: 'delatnost',

index: 'delatnost',

width: 80,

align: 'right',

editable: true,

search: false

},

{

name: 'rok_zakupa',

index: 'rok_zakupa',

width: 80,

align: 'right',

editable: true,

search: false

},

{

name: 'datum_pocetka',

index: 'datum_pocetka',

width: 80,

align: 'right',

editable: true,

search: false

},

{

name: 'ugovorna_kazna',

index: 'ugovorna_kazna',

width: 80,

align: 'right',

editable: true,

search: false

},

{

name: 'otkazni_rok',

index: 'otkazni_rok',

width: 80,

align: 'right',

editable: true,

search: false

},

{

name: 'povrsina_m2',

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”, “#t_list5”).click(function () {

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

});

$(“#list2”).jqGrid({

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

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

datatype: 'json',

mtype: 'POST',

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

colModel: [{

name: 'interni_broj',

index: 'zo.interni_broj',

width: 55,

editable: true,

search: true

},

//{

// name: 'zakupac',

// index: 'km.naziv_kom',

// width: 90,

// editable: true,

// search: false

//},

{

name: 'vrdok',

index: 'vrdok',

width: 80,

align: 'right',

editable: true,

search: false

},

{

name: 'naziv',

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”, “#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: [

{

name: 'datum_objavljivanja',

index: 'datum_objavljivanja',

width: 55,

editable: true,

search: true

},

{

name: 'datum_isteka',

index: 'datum_isteka',

width: 55,

editable: true,

search: true

},

{

name: 'objavljeno',

index: 'objavljeno',

width: 90,

editable: true,

search: false

},

{

name: 'link_oglasa',

index: 'link_oglasa',

width: 90,

editable: true,

search: false

},

{

name: 'datoteka',

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: [{

name: 'zao_id',

index: 'zao_id',

width: 135,

search: true

},

{

name: 'interni_broj',

index: 'interni_broj',

width: 135,

search: true

},

{

name: 'napomena',

index: 'napomena',

width: 135,

align: 'right',

search: true

},

{

name: 'interni_broj',

index: 'interni_broj',

width: 135,

search: true

},

{

name: 'napomena',

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: [{

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

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

}]

}

);

});

March 14, 2011 at 2:22 pm #97564

OlegK
Participant

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'

March 14, 2011 at 3:09 pm #97565

amilovac
Participant

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

March 28, 2011 at 12:21 pm #97648

ganlhi
Participant

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.

March 28, 2011 at 1:26 pm #97650

amilovac
Participant

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

March 28, 2011 at 1:35 pm #97652

ganlhi
Participant

Thanks for the information but… What is compatibility view ?

March 28, 2011 at 1:39 pm #97653

amilovac
Participant

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

Regards

March 28, 2011 at 1:41 pm #97654

ganlhi
Participant

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

March 28, 2011 at 1:50 pm #97656

OlegK
Participant

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

March 28, 2011 at 1:56 pm #97658

amilovac
Participant

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

Aleksandar
Author

Replies