jQuery Grid Plugin - jqGridForum

Topic RSS

datepicker in add/edit form

04/01/2009
10:17

dhoover

Member

Members

Forum Posts: 23

Member Since:
28/12/2008

Offline

Excellent tool! In the demonstrations, there is an example using the datepicker for inline row editing. Is there some way to use the datepicker in the add/edit form?

05/01/2009
02:10

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Use onIntializeForm event for this purpose (the same way as inline edit).

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.

16/04/2009
03:27

redsuitee

Member

Members

Forum Posts: 35

Member Since:
16/04/2009

Offline

can u give an example?
because i've tried but it doesn't work..

"God Gave you a gift of 86,400 seconds today.
Have you used one to say thank you?"

16/04/2009
04:01

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Please post you code in order to view what is wrong?

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.

16/04/2009
04:32

redsuitee

Member

Members

Forum Posts: 35

Member Since:
16/04/2009

Offline

i thougth i put wrong sintax n wrong place...

jQuery("#rowed6").jqGrid({
.
.
onSelectRow: function(id){ if(id && id!==lastsel3){
     jQuery('#rowed6').restoreRow(lastsel3);
     jQuery('#rowed6').editRow(id,true,pickdates); lastsel3=id; }
},
.
.
});

function pickdates(id){
jQuery("#"+id+"_sdate","#rowed6").datepicker({dateFormat:"yy-mm-dd"}); }

you put function pickdates in "onSelectRow" which is for inline editing.
how can i get the function in the add/edit form?

thx

"God Gave you a gift of 86,400 seconds today.
Have you used one to say thank you?"

30/06/2009
09:40

tommy87it

New Member

Members

Forum Posts: 1

Member Since:
30/06/2009

Offline

i included datepicker in my grid:

jQuery.jgrid.edit = {
                ...
            onInitializeForm: function() {
                if (document.getElementById("start_date"))
                    loadDatePicker('#start_date');
                if (document.getElementById("end_date"))
                    loadDatePicker('#end_date');
            }
        };

But the datepicker is showed under the form and when i click in datepicker container, the form closes. How do i fix it?

02/07/2009
02:14

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

This is maybe z-index problem or you missed some css files.

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.

20/07/2009
05:56

xuding

Member

Members

Forum Posts: 36

Member Since:
15/11/2008

Offline

Go to the css file and change z-index to higher.

And I guess this is what you are looking for. check out the datepicker in demo

http://www.the-di-lab.com/?page_id=47

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
37 Guest(s)

Currently Browsing this Page:
1 Guest(s)