We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to have ejTimePicker as edit type for a column?

Solution:

We can use “EditTemplate” feature of Grid column to render ejTimePicker control during editing. The following code example shows how to render ejTimePicker control as editing type for a column using EditTemplate feature.

For more information about EditTemplate feature please follow the below documentation link

Link: https://help.syncfusion.com/js/grid/editing#cell-edit-template

 

  1. Render the Grid control.

 

JS

 

 

 

MVC

 

 

ASP.NET

 

2. You can define the Event Handlers for create, read, write of Grid column EditTemplate” feature.

 

          Events

                                      Description

          create

         It is used to create the control at time of initialize

           read

         It is used to read the input value at time of save

           write

     It is used to assign the value to control at time of editing

                               

The following output is displayed as a result of the above code example


Figure 1: Initial rendering of a Grid.

E:\patch\ejTimePickerKB\whileediting.png

Figure 2: While editing the “Order Date” column with the ejTimePicker control.

E:\patch\ejTimePickerKB\aftersaving.png

Figure 3: After save the value of “Order Date” column in Grid.               

Article ID: Published Date: Last Revised Date: Platform: Control:
7138 11/08/2016 03/27/2017 ASP.NET MVC Grid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon