Guriddo » Topic: updating from jqGrid JavaScript 4.7 to 5.02

updating from jqGrid JavaScript 4.7 to 5.02

Guriddo
updating from jqGrid JavaScript 4.7 to 5.02

This topic has 30 replies, 2 voices, and was last updated 9 years, 9 months ago by lorife.

Creator

Topic
January 28, 2016 at 6:39 pm #124751

lorife
Participant

Hi,

using v4.7 I had no problems, but when I upgraded to 5.02, 3 problems arised:

1.

I have a datepicker before the grid. When I click it and the calendar opens, it stays behind the grid. I solved it like by adding:

.ui-datepicker{
z-index: 1200 !important;
}

this looks like solved it, but is it correct? I had to use the !important otherwise it did not work

2.

i open a dialog form to edit the selected row, but in the dialog form i see the grid below. it looks like a problem with the z-index again.

How can i fix it?

3.

in my main css i have set:

html, body{
font-size: 75%;
}

all the object in the website are smaller, and this was happening also with the grid when using 4.7.

But with version 5.0.2 all the input box in the toolbar search panel are so big, they do not get small as all the rest.

How can I fix it? I cannot make it work.

Thank you for your help!

Lorenzo
Creator

Topic

Viewing 15 replies - 1 through 15 (of 30 total)

1 2 →

Author

Replies
January 28, 2016 at 7:16 pm #124752

lorife
Participant

Hi,

regarding my 3rd problem I found out that by adding:

.ui-jqgrid .ui-search-toolbar input,
.ui-jqgrid .ui-search-toolbar select {
padding:0px;
}

everything is back as in v4.7.

Is it a bug?

January 29, 2016 at 11:27 am #124757

guriddo.support
Participant

Hello,

1. This is correct. You will need to set a higher z-index of datepicker

2. It is difficult to reproduce this problem. Can you please send us a link to the problem or use jsfiddle to post your test case?

3. As of version 5 the look of jqGrid was changed. Most components are done bigger in order to to look better on mobile devices. As you alone see you can get this back setting padding to lower pixels.

Kind Regards,

Will

Guriddo Support Team

January 29, 2016 at 5:21 pm #124760
lorife
Participant
Hi,

I created a jsFiddle project.

http://jsfiddle.net/lorife/9saaa4bt/28/

so my questions now are:
1. is there a way to autofix the search input based on the width of the column?
2. if you double click the column you will see the dialog is behind
thank you,

Lorenzo
January 29, 2016 at 5:30 pm #124761

lorife
Participant

sorry this is the link:

https://jsfiddle.net/lorife/dusqww2w/

February 1, 2016 at 12:51 pm #124762
guriddo.support
Participant
Hello,

Thank you very much for the test case.
1. We have fixed the problem
2. You will either set the dialog to higer z-index like this
.ui-dialog { z-index: 1000; }

1
2
3

.ui-dialog {
z-index: 1000;
}

This is the same as datepicker. The dialog have z-index to by default 100 if it is not modal.

Kind Regards,
Will

Guriddo Support Team
February 1, 2016 at 1:05 pm #124763

lorife
Participant

Thank you!

I will wait for the new version as I need the input search with the correct width.

February 1, 2016 at 1:46 pm #124764

guriddo.support
Participant

Hello,

The fix is in GitHub

You can just download the updated css and continue use the product without to wait for the new release.

Kind Regards,
Will

Guriddo Support Team

February 1, 2016 at 6:52 pm #124766

lorife
Participant

Hello,

i tried the last version and found another problem.

It’s with the file:

grid.locale-it.js

with the one in v4.7 it was all fine, in this even the date is wrong. For example:

I would expect: 18/05/2016

but i get

5/18/2016

using the file from 4.7 works fine.

think you can fix it?

thank you!

February 2, 2016 at 11:29 am #124770

guriddo.support
Participant

Hello,

When upgardeing from 4.7 to 4.8 or 5x versions you sho8ld read the upgrade notes – please, read this blog post

Kind Regards

Will

Guriddo Support Team

February 2, 2016 at 11:52 am #124772

lorife
Participant

Hello,

I did read all before upgrading..so I guess I’m doing something wrong.

But all the grid is in Italian, so I guess it’s using the correct file…am I wrong?

Also, if I try replacing grid.locale-it.js with the one from v4.7 dates are displayed correctly.

February 2, 2016 at 12:32 pm #124773

lorife
Participant

I tried opening the file grid.locale-it.js released with version 5.0.2

Half of that file is formatted for “en” (some extraction):

$.jgrid.regional[“en”] = {

newformat: ‘n/j/Y’,

ShortDate: “n/j/Y”,

are you sure there’s not some problem with that file?

February 3, 2016 at 10:42 am #124775

guriddo.support
Participant

Hello,

can you please post a grid setup and a test data in order to see what is happen?
You can also use jsfiddle to illustrate the problem.

Thank you.

Kind Regards

Will

Guriddo Support Team

February 3, 2016 at 10:52 am #124777
lorife
Participant
Ok i will try.

Meanwhile, i found 2 problems into the file:

grid.locale-it.js
1. I modified :
$.jgrid.regional[“en”] = {

into

$.jgrid.regional[“it”] = {

2. i changed:

newformat: ‘n/j/Y’,

into:

newformat: ‘d/m/Y’,

but i don’t know if i have to change other things into that file. Probably it has not been configured for italian correctly.
February 3, 2016 at 11:12 am #124779
guriddo.support
Participant
Hello,

No. It seems you do not have read the upgrade.

You can either load English and Italian language files.

I see that in italian file it is set correct

... $.jgrid.regional["it"]= { ..

1
2
3

...
$.jgrid.regional["it"]= {
..

You will need in grid options just to set:

...jqGrid({ ... regional :"it", // this indicate to use the Italian file ... });

1
2
3
4
5
6

...jqGrid({
...
regional :"it", // this indicate to use the Italian file
...
});

Kind Regards
Will
- This reply was modified 10 years, 2 months ago by guriddo.support.
Guriddo Support Team
February 3, 2016 at 11:24 am #124781
lorife
Participant
that is exacly what I did.

What i’m saying is that the italian file inside guriddo sources was not correct.

inside the file (grid.locale-it.js) there was “en” not “it”.

you can see it from your server too:

https://github.com/tonytomov/jqGrid/blob/master/js/i18n/grid.locale-it.js

and in that file you will see that the date format for italian is not correct..

sorry i don’t know how else to say it..
- This reply was modified 10 years, 2 months ago by lorife.
Author

Replies