jQuery Grid Plugin - jqGrid - Topic: Adding timepickr to Edit Form

Cael on Adding timepickr to Edit Form

Fri, 12 Feb 2010 18:31:02 +0200

Thanks Tony, that worked!

Cael

tony on Adding timepickr to Edit Form

Fri, 12 Feb 2010 15:04:06 +0200

Hello,

Please refer here:

http://www.trirand.com/blog/?p.....8;search=1

Best Regards

Tony

Cael on Adding timepickr to Edit Form

Thu, 11 Feb 2010 22:37:24 +0200

BTW, I was reading the documentation when I got the following [about the dataInit function]:

"(…) This is ideal way of attaching datepicker, timepicker and other."

As you have noticed in my last comment, it didn't work for me…

EDIT: I am using the latest version [3.6.3] w/ multiselect

Am I missing something here? Do you have any suggestion about using some plugins [timepicker, at least] in inline edit? Do you plan to add another function that gives the element already in the DOM?

Thanks and congrats for this amazing plugin.

Cael

Cael on Adding timepickr to Edit Form

Thu, 11 Feb 2010 19:03:20 +0200

Hi Tony

Is there any chance to add the timepickr plugin in "inline editing" mode? I may be wrong, but the onInitializeForm is only trigged when you're using the Edit Window – opened by a click in a nav button.

As I was using the inline cell editing, I thought it would be easier to check with you if there's any update on this issue.

markalanevans on Adding timepickr to Edit Form

Tue, 06 Oct 2009 11:24:16 +0300

Thanks Tony! That was exactly the isssue. I added the code like you said:

.navGrid(
                '#s3pager',
                {    edit:true,
                    add:false,
                    del:false,
                    search:false,
                    refresh:true,
                    toggle:false,
                },{
                    editCaption:"Edit Event Details",
                    width:500,
                    jqModal:true,
                    closeOnEscape:true,
                    bSumbit:"Submit",
                    savekey:[true,13],
                    savekeys:[true,38,40],
                    onInitializeForm : function(formid){
                            $("#time_start",formid).timepickr();
                    }
                }
            )

And Voila! it worked.

Thanks so much!

-Mark

tony on Adding timepickr to Edit Form

Tue, 06 Oct 2009 05:47:32 +0300

Hello,

Some plugins require that the element should be into the DOM in order to work correct.

Since dataInit is applied not when the element is into the DOM, this maybe will not work.

The same will be if you try to use a jQuery UI datepicker with the option to show a calendar image.

(I will see in other releases how to correct this "bug").

In order to resolve your problem I recommend you to use the onInitilazeForm event:

The code cal look like this:

onInitializeForm : function(formid)

{

$("#time_start",formid).timepickr();

}

Reagrds

Tony

markalanevans on Adding timepickr to Edit Form

Tue, 06 Oct 2009 01:09:07 +0300

I would like to use timepickr : http://haineault.com/media/jqu.....  when using the form editor.

But for some reason it won't bind to the form field.

if i create another input text elsewhere on the page(ie not a part of the Modal Form) and give it an id of "testtime" and then ("#testtime").timepickr(); From within dataInit: ... The binding occurs... Its just not happening on the Edit Form.

Is there something i should know?

Current Code snippet, that doesn't work.

{
                        name:'time_start',
                        index:'time_start',
                        width:45,
                        editable:true,
                        editoptions:{
                            dataInit:function(el){
                                $(el).timepickr();
                            }

                        },
                        hidden:true,
                        editrules:{
                            edithidden:true
                        }
                    }