jQuery Grid PluginAdding timepickr to Edit Form | Discussion

Adding timepickr to Edit Form

Page: 1

User

Post

01:09
06/10/2009

markalanevans

California

New Member

posts 2

Print this Post

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
                        }
                    }

05:47
06/10/2009

tony

Sofia, Bulgaria

Member

posts 4606

Print this Post

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

11:24
06/10/2009

markalanevans

California

New Member

posts 2

Print this Post

Post edited 03:09 – 07/10/2009 by markalanevans

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

Page: 1

You must be logged in to post	Login Register

jQuery Grid Plugin

Forum