How to show a cell value as text in an editor template

[Catherine]

Hi,

How would one show the value of a cell in a popup editor template without making it editable? In other words it's just text, not a disabled widgit.

Thanks!

[Marin Bratanov]

Hi Catherine,

To do this, you will need to create a custom template where you can define what you want shown. You can find attached below a sample based on our popup editing demo. Here's how to do that:

add the custom template to the Editable setting:

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("CustomTemplateWithoutTb"))

then, create a view with something like this (the view name must match the string provided above, so this file must be called CustomTemplateWithoutTb, and it must be in the Views/Shared/EditorTemplates folder):

@model Kendo.Mvc.Examples.Models.ProductViewModelGridPopUp

<h3>Customized popup edit template</h3>
<br />

<div>
    @Html.LabelFor(model => model.ProductName)
</div>
<div>
    @Html.EditorFor(model => model.ProductName)
    @Html.ValidationMessageFor(model => model.ProductName)
</div>

<div>
    @Html.LabelFor(model => model.UnitPrice)
</div>
<div>
    ${UnitPrice}
</div>

<div>
    And you can add the other fields in the model in any mode you want - whether only rendered, or with an editor, or you can omit them.
</div>

Regards,
Marin Bratanov
Progress Telerik

[Catherine]

Thanks Marin!