Editing Custom Editor Demo is not working in my Local Environment

[Ahmed]

I'm trying to use Editing Custom Editor in my local Environment http://demos.telerik.com/aspnet-mvc/grid/editing-custom
But It is not working as it should be and not showing Drop Down List for Category Column in Edit mode and show numeric text box and text box instead
I'm using Northwind Database as in your example and I didn't change a lot in your code but it is not working .. so could you help to fix this issue and make it work as your example.

[eo]

Hello Ahmed,

There's a crucial part of Telerik's demo that is ​not on display in the webpage you provided and you didn't include in your project: the custom editor template. The category dropdown box works because it was bound to the column using:

.ClientTemplate("#=Category.CategoryName#")

 

The documentation for creating a custom editor template can be found here, there's even a DropDownList example that you can use for guidance.

Also, you can download KendoUI for ASP.NET MVC examples from your Telerik account by logging into their website and navigating to your "Products & Subscriptions". From there, locate "KendoUI for ASP.NET MVC" and select "Browse all product files". Download the "Manual Installation" file and unzip it; you'll find the examples in wrappers\aspnetmvc\Examples.

[Dimiter Madjarov]

Hello Ahmed,

Indeed Eo is correct - The custom editor template seems to be missing. You could check the documentation on how to configure it here.

Regards,
Dimiter Madjarov
Telerik

[Ahmed]

Thanks a lot eo and dimiter for your help .. It is working perfect now in edit and delete but I have new problem when I'm trying to Add New Record .. When I press on Add New Record button, a new error appears which is "ReferenceError: Category is not defined" .. I think it is related to the new initialized object for Add mode has null value for Category Object Property in Product Object .. so do you have any solution for this issue ?

[Dimiter Madjarov]

Hello Ahmed,

You should set a default value for the Category field to overcome the issue.
E.g.

.DataSource(dataSource => dataSource
   .Ajax()
   ...
   .Model(model =>
   {
       model.Id(p => p.ProductID);
       model.Field(p => p.ProductID).Editable(false);
       model.Field(p => p.Category).DefaultValue(...);
   })

Regards,
Dimiter Madjarov
Telerik