jQuery Grid Plugin - jqGridForum

Topic RSS

Inline Datepicker

29/08/2008
21:11

sparkybarkalot

Member

Members

Forum Posts: 8

Member Since:
29/08/2008

Offline

I've gone through all the demo files and looked at all the "datepicker" forum posts, but can't solve this issue. When I try to use inline editing with datepicker, the datepicker only appears after I do this;

1) Click in the editable date field

2) Click in another editable field

3) Click again in the date field

The datepicker will also appear if I click in the editable, leave the page by gonig to another Firefox tab, and then returning to the page.

You can see the behavior here: http://www.graphthat.com/

Any suggestions? Thanks!

30/08/2008
03:09

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

This is very interesting issue. The code is the same as this in the demo

page, but the behavior is different. The only diffrence here is the datepicker

version. For testing purposes could you please use this one with the demo

included in jqGrid.

Also try to use additional option in datepicker - showOn - i.e.

....datepicker({dateFormat:"yy-mm-dd", showOn:'focus'});

(see the right word for showOn)

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.

01/09/2008
12:44

sparkybarkalot

Member

Members

Forum Posts: 8

Member Since:
29/08/2008

Offline

Tony,

Thanks for the suggestions. I had already tried those, but I tried them again and as you can see, the behavior is the same. In addition to making the changes you suggested, I also removed the javascript for the graphing part of the page, in case that was interfering somehow, but as you can see, the datepicker is still acting strangely for me.

Any more suggestions?

01/09/2008
13:01

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Could you plese include the development version of module

grid.inlinedit.js in the site so I can make some test.

Just for testing try to set the date field as second visible row

and not as first.

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.

01/09/2008
13:15

sparkybarkalot

Member

Members

Forum Posts: 8

Member Since:
29/08/2008

Offline

Thanks for the quick response. OK, I've done both of those things and you can see them as usual at http://www.graphthat.com/

01/09/2008
13:26

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Sorry,

I mean to replace the places of Date and Weight or simply make first colum editable.

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.

01/09/2008
13:41

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

As you see all work in this case. The problem is that the date field

is first fileld and jqGrid set the focus to the first field, but suprise we have

datepicker which unbind the focus from jqGrid.

You can resolve this if you disable the focus in jqGrid

just comment line 41 in grid.inlinedit.js

I will make this as defaults since there are other problems with this.

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.

01/09/2008
13:44

sparkybarkalot

Member

Members

Forum Posts: 8

Member Since:
29/08/2008

Offline

OK, done. The datepicker now works as expected when the order of the two columns is reversed! That leaves me with only two questions:

1) Is it possible for me to have the order be whatever order I prefer?

2) Right now, in both your example and my page, it requires two clicks in the date field for the datepicker to appear. Is there any way to have that happen in just one click?

Either way, it's a great plugin and I thank you for being so fast with your replies! Thank you thank you thank you.

01/09/2008
13:46

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

See my previous post

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.

01/09/2008
13:48

sparkybarkalot

Member

Members

Forum Posts: 8

Member Since:
29/08/2008

Offline

I see now that #2 above is probably a large request, because what I'm really asking is: can the focus be brought immediately to the editable input when it's clicked on?. It looks likejqGrid processes the click as a click on the row, and requires another click by the user to know which input is to be edited.

So perhaps that's not possible at this point.

01/09/2008
13:56

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

When you disable the focus as of my previous post you can play

with oneditfunction which calls the datepicker -

just try to play with this

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.

01/09/2008
14:04

sparkybarkalot

Member

Members

Forum Posts: 8

Member Since:
29/08/2008

Offline

I'll do that Tony. Thanks again!

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
76 Guest(s)

Currently Browsing this Page:
1 Guest(s)