A part of our ASP.NET MVC app consists of a tabstrip with a grid in each tab. Each grid also has a .ClientDetailTemplateId("grid-details-form") and each grid shares the partial that makes up the clientTemplate @{ Html.RenderPartial("_DiagnosisRecordComments"); } _DiagnosisRecordComments has <script id="grid-details-form" type="text/x-kendo-template">
Here's 3 pictures to demonstrate the problem as we navigate the tabs, their grids, and the client templates. First tab, its grid and first row client template expanded out. All is good with the editor in the client template. Then we go to the second tab grid, first row client template and we a raw TextArea. Go back to the first tab grid, and now we have an editor within an editor.
Obviously Kendo is getting confused about where to render the Edtior. So right now the editor is declared via razor.
@(Html.Kendo().Editor()
.Name("validation-editor")
.HtmlAttributes(new { style = "height:160px;" })
.Tools(tools => tools
.Clear()
.Bold()
.Italic()
.Underline()
.Strikethrough()
.FontColor()
.JustifyLeft()
.JustifyCenter()
.JustifyRight()
.Indent()
.InsertUnorderedList()
.InsertOrderedList()).ToClientTemplate())
I'm thinking that I'm going to have create the editor dynamically on each tab navigation. Any idea what's going on?