Popup Grid Edit Mode with timepicker

[Evan]

I'm trying to use GridEditMode.PopUp to enter times.  I currently get the full date in a text box (see pic)

I originally used InLineEditing and was able to use the following:

columns.Bound(c => c.Arrival).Format("{0: HH:mm}").EditorTemplateName("TimeEdit");

 

This however does not work for PopUp editing.  I found out that in order to make the "Name" column not editable in PopUp editing I had to create the following function in the view:

 

    function EditGrid(e) {
        if (!e.model.isNew()) {
            $('#Name').attr('readonly', 'readonly');
        }
    }

 

I am guessing in this function is where I may be able to set the Arrive box to a time picker, but I can't find anything to work. 

[Evan]

The EditorTemplateName("TimeEdit") is a shared editorTemplate as follows:

 

<div class="input-group bootstrap-timepicker">
    <label class="delay-label"></label>
    @Html.Kendo().TimePickerFor(m => m).Interval(1)
    
</div>

[Stefan]

Hello, Evan,

Thank you for the details.

I can assume that the issue occurs due to the reason how the editor templates are handled in Popup Edit mode.

Please check the following post and StackOverflow describing how custom editors can be placed in Popup Edit mode:

https://stackoverflow.com/questions/17677837/kendoui-mvc-editortemplatename-do-not-work-in-popup-edit-mode

The other option will be to use completely custom Popup editor template:

https://www.telerik.com/forums/popup-edit-template

https://docs.telerik.com/aspnet-mvc/helpers/grid/how-to/editing/custom-popup-editor

I hope this is helpful.

Regards,
Stefan
Progress Telerik