I have a kendo JQuery grid reporting an Ajax datasource. One of the fields is "EventDuration" expressed in total seconds as a number. I wish to show and edit the field in HH:mm:ss format Say: 28800 seconds --> 08:00:00
In the datasource, the field is configured as:
fields:{
runTimeSeconds:{type:"number", defaultValue:28800},
}
In the grid column I've configured a template like:
{ field: "runTimeSeconds", title:"Duration", template:"#=secondsToHourString(runTimeSeconds) #" },
where secondsToHourString() is a function that converts seconds to a HH:mm:ss string. So far so good for the presentation part.
Question: How can I configure a popup custom editor that gets and returns (numeric) seconds while showing a TimePicker editor?
Can it be done at editor level or must be done at datasource model level?