Showing the Date Picker in the Inline Edit Template

Hello Reid,

The DateTimePicker is the default editor template for properties of type DateTime. You don't have to do anything to specify this. You could change it by defining a custom editor template. More information and examples regarding this is available in the Client Edit Templates demo and Display and Editor Templates section of the Grid's documentation.
Using a partial view for a column's template is possible when using Server Binding. You should just set it in the column's Template method. For example:
When using Ajax Binding you should use the ClientTemplate method and access the data by using the "<#= PropertyName #>"  expression. It is possible to set in the ClientTemplate a partial view as string but I wouldn't recommend it.

Greetings,
Daniel
the Telerik team

Hi Daniel,

Thank for replying.

You mention that I should not need to do anything for the DateTimePicker to show.  Not sure why as default it would not then.
Here is the field in the Model (contained in the ViewModel)


The field needs to be nullable but for experimentation sake I changed and the problem remains.  I don't want to have to define a custom template I would like to figure out why the default is not showing a DateTime picker.  Whether nullable of not, it shows as a standard text box.

I originally started oout doing the server side and could not get it working right so I started again doing the client ajax editing model.  In both the client and server binding there is the (Editor) part that drops in the user control.  Do I need to do that for the DateTime Editor?

The example here :http://demos.telerik.com/aspnet-mvc/grid/editingajax is what I am modeling because I need to insert and edit in the grid. And in that demo there is a client template ued for the Checkbox section, nothing for the date time column.  There is though the Date.ascx portion and I think that is key but I see no other reference to it.

Thanks,

Reid

Hello Reid,

I apologize. There is one requirement. You should add the default Editor Templates. They are included automatically in the project if you use the Telerik project template or you could add them manually. They can be found in a subfolder of the Telerik install folder by EditorTemplates or EditorTemplates-Razor depending on the View Engine.

Regards,
Daniel
the Telerik team

Daniel,

I replicated the folder you mention in the examples solution and added the Telerik namespaces to the User Controls. 

Shared ->EditorTemplates

That made no difference.  I tried copying the User Control files into the same folder as the view, the Shared folder and the site root and  the result is the same.  No DateTimePicker controls are showing up in the two DateTime? columns.

Also below you say, "When using Ajax Binding you should use the ClientTemplate method and access the data by using the "<#= PropertyName #>"  expression".  I am accessing the data through the HTTP posts in the controller with the model intact.  I am not sure what you mean by that.

Is there something else that needs to be done.

Thank again for the support,

Reid

Daniel,

I think my issue is that I had the Tempate code commented out.  But I still cannot get the page to load the template section for those two columns without errors.  Here is the error:

" Keyword, identifier, or string expected after verbatim specifier: @"


One of the methods in the Partial's overloads takes the model.  Should I be using specifying the fieldname as above as a string in quotes or point to the model.  If the latter I am note sure how to point to the specific record as the datasource is a List<> of the objects.

Thanks again,

Reid

Hello Reid,

The error you are getting is because you are missing the "@" character before the Html helper method. Also, when using the HTML Partial helper, you should omit the file extension. To pass the value to the Partial view you should use the Razor's item parameter. For example:
However, this is not the proper way to use the DatePicker when editing. The Template and ClientTemplate methods are used to customize how the data is visualized rather than how it is edited. I suspect that the DatePicker editor template isn't applied because you have copied the files with the ascx file extension. If you are using the Razor View Engine you should copy the files from the EditorTemplates-Razor folder with cshtml extension.

Kind regards,
Daniel
the Telerik team

Daniel,

I do have a few Razor views in the solution which is not a razor solution primarily, but I did as the demos did, added the control as an .ascx. 

I have not been able to focus back on this view for over a week (those pesky managers ..) but hopefully will resolve it with your last post.

Thanks,

Reid

Hi

Please see the following links. Hope this help you.

http://like2know.blogspot.com/2012/07/how-to-change-date-format-in-telerik.html 
 OR
http://like2know.blogspot.com/2012/07/telerik-mvc-grid-datepicker-not-showing.html 


Regards

Hello Chillax,
Thank you very much for those links.

Reid