This is a migrated thread and some comments may be shown as answers.

EditorTemplate not working on Core 2.1 Razor Pages

5 Answers 237 Views
This is a migrated thread and some comments may be shown as answers.
Awes
Top achievements
Rank 1
Awes asked on 11 Aug 2018, 12:27 AM

My company is trying to be on the cutting edge. 

We built some CRUD pages using Kendo UI. But having problems with the drop down list. In .Net Core we are using razor pages, but the concepts is the same.

 

    @(Html.Kendo().Grid<NG.Analytics.Models.Applications>()//(Model.Data)
                    .Name("Grid")
                    .Columns(columns =>
                    {
                        columns.Bound(a => a.Id).Title("ID").Visible(false);
                        columns.Bound(a => a.CategoryId).EditorTemplateName("ApplicationCategory"); //Having trouble with what to put right here. 
                        columns.Bound(a => a.CategoryId).Title("CategoryID");
                        columns.Bound(a => a.Title).Title("Title").Width(200);
                        columns.Bound(a => a.Description).Title("Description");
                        columns.Bound(a => a.BaseUrl).Title("Base Url").Width(120);
                        columns.Bound(a => a.Url).Title("Url");
                        columns.Bound(a => a.IconUrl).Title("Icon Url").Width(350);
                        columns.Bound(a => a.IsExternal).Title("Is External").Width(120);
                        columns.Command(command => { command.Edit(); }).Width(90);
                        columns.Command(command => { command.Destroy(); }).Width(100);
                        columns.Command(command => command.Custom("ViewDetails").Click("showDetails"));
                    })
                    .ToolBar(toolbar => toolbar.Create())
                    .Editable(editable => editable.Mode(GridEditMode.PopUp))
                    .Sortable()
                    .Scrollable()
                    .Filterable()
                    .HtmlAttributes(new { style = "height: 750px;" })
                    .DataSource(dataSource => dataSource
                            .Ajax()
                            .Model(model =>
                            {
                                model.Id(a => a.Id); // Specify the property which is the unique identifier of the model
                    model.Field(a => a.Id).Editable(false); // Make the ID property not editable
                                                            //model.Field(p => p.CategoryId).DefaultValue(
                                                            //Model.ApplicationCategory as Models.ApplicationCategory);
                })
                            .Read(read => read.Url("?handler=Data").Type(HttpVerbs.Get))
                            .Create(update => update.Url("?handler=CreateApplications").Type(HttpVerbs.Post))
                            .Destroy(update => update.Url("?handler=Applications").Type(HttpVerbs.Delete))
                            .Update(update => update.Url("?handler=UpdateApplications").Type(HttpVerbs.Put)))
    )

    <partial name="EditorTemplates/ApplicationCategoryEditor" /> //Editor is working as expected when normally use.

Here is what the partial looks like:

 

@(Html.Kendo().DropDownList()
                      .Name("CategoryName")
                      .DataTextField("CategoryName")
                      .DataValueField("Id")
                      .BindTo(Model.ApplicationCategory)
                      .HtmlAttributes(new { style = "width: 100%" })
)

 

I know you guys are pretty good and responsive. I just hope I can find the answer. 

Thanks, Trung

5 Answers, 1 is accepted

Sort by
0
Georgi
Telerik team
answered on 14 Aug 2018, 12:53 PM
Hi Awes,

I assume that the issue is caused due to the location of the editor template view. It should be located in ~/Shared/EditorTemplates.

For your convenience I am attaching a small sample which demonstrates how to create a drop down editor in Razor Pages.


Regards,
Georgi
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Awes
Top achievements
Rank 1
answered on 14 Aug 2018, 04:25 PM

Hi Georgi,

The example that you gave me works for its purpose. 

I'm trying to get the editor to work in a edit popup. And The EditTemplate does not go through the popup.

Please let me know if you know how to fix this.

0
Georgi
Telerik team
answered on 16 Aug 2018, 10:09 AM
Hi Awes,

I apologize for the inconvenience, I did not notice that the grid is in popup edit mode.

When in popup edit mode the editor can only be specified via DataAnnotations.

e.g.

[UIHint("DropDownEditor")]
public string Address { get; set; }

For your convenience I am attaching a modified version of the sample from my previous post.


Regards,
Georgi
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Christian Sandöy
Top achievements
Rank 2
answered on 22 Jun 2020, 12:23 PM
In your editor template you have hardcoded list
how do I get dynamic data in the template
in MVC I would use a viewbag, but I cant use that in Razor pages
0
Georgi
Telerik team
answered on 23 Jun 2020, 10:49 AM

Hi Christian,

Have you considered using remote binding for the editor? Is that an option for you?

The following demo demonstrates how to bind the drop down to a remote service:

 

Regards,
Georgi
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
Grid
Asked by
Awes
Top achievements
Rank 1
Answers by
Georgi
Telerik team
Awes
Top achievements
Rank 1
Christian Sandöy
Top achievements
Rank 2
Share this question
or