Kendo UI MVC grid popup edit template depending on row condition

[Dongfen]

Hello,

I have a kendo UI MVC grid, I use the popup edit template.
And I created a customer edit templates.  My model has a property as type (holds three different values).
For different type, my edit template condition changes.  

For example, the release date - for Type 1, it is read only; for Type 2, it is editable; and for Type 3, the label needs to be changed slightly.

I tried to use if statement in the partial view (custom edit template) to check.  But it does not work since popup edit template is loaded when grid is loaded.

So is there a way that I can accomplish what I described here with  kendo UI grid?

Thanks in advance

Dongfen Gao

[Atanas Korchev]

Hello,

There are two options:

1. Use JavaScript - handle the edit event of the grid and show/hide parts of the UI via jQuery:

@(Html.Kendo().Grid()
            .Events(e => e.Edit("edit"))

<script>
function edit(e) {
   // check for a property of the model which is being edited
   if (e.model.Type == "Type 1") {
         // manipulate the edit form via jQuery
         e.container.find("label").text("Type 1");
   }
}
</script>

2. Use server binding and editing. Then you can use if statements in the editor template itself and don't have to write any JavaScript.

Regards,
Atanas Korchev
Telerik

 

 

[Dongfen]

Thank you.
I used the server edit option and it works fine now.