Render MVC Partial with Model inside Kendo MVC Grid

[Evgueni]

I have a partial MVC view called _user.cshtml that displays some basic information about a user:

@model UserVM
<p>
    <span>Name: </span>@Model.Name
    <span>Email: </span>@Model.Email
</p>

In the parent view I have an MVC Kendo Grid:

@model ImportUsersVM
@(Html.Kendo().Grid(Model.Items)
    .Name("ImportUsers")
        .Columns(columns =>
        {
            columns.Bound(i => i.Status);

            columns.Template(i => Html.RenderPartial("_user", i.Payload));
        })
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(100)
            .ServerOperation(false)
        )
)

The highlighted line above doesn't work -- the user information is not rendered.

How can I include an MVC partial on each row of the grid?

Thank you

 

[Ivan Danchev]

Hello Evgueni,

You can use the Template column option when the Grid is configured for server binding, and to display the content of a partial view you should pass Html.Partial, instead of Html.RenderPartial:

columns.Template(i => Html.Partial("_user", i.Payload));

Regards,
Ivan Danchev
Progress Telerik

[Evgueni]

Ivan, is there a way to use Ajax bindings and use partials with Models? Basically, I want HTML to be generated on the server (using a partial) and then somehow to pass that HTML to the client template, or some other way that's compatible with Ajax configuration. Is that possible? Thanks

[Ivan Danchev]

Evgueni,

For Ajax binding, you have to use ClientTemplate. See my reply in the other thread you opened: https://www.telerik.com/forums/is-it-possible-to-output-result-of-template-in-clienttemplate