Attempting to use the Editor as an MVC EditorTemplate

[Robert]

Hello,



I am attempting to use the Editor control as an EditorTemplate for HTML fields in my MVC4 application. The editor will display fine, but for some reason the code will never update and the value always comes back up the Model as null. Any ideas what I am doing wrong?



Here is the code for Html.cshtml:



@model System.String

@Html.AntiForgeryToken()

<textarea id="@Html.DisplayNameFor(c => c)" rows="10" cols="30" style="width:500px;height:250px">@Model</textarea>

<script>

$(document).ready(function () {

$("#@Html.DisplayNameFor(c => c)").kendoEditor();

});

</script>



Thanks!

[John]

Adding a name attribute/value pair to your textarea element should resolve this behaviour.

[Andrey]

Hi Robert,

I use following code for this purpose:
 <div class="editor-field">
         @Html.TextAreaFor(m => m.Description, new {style="width:600px;height:200px"})
 </div>

<script>
    $(document).ready(function () {
        $("#Description").kendoEditor();
    });
</script>

Works fine.

[Mikael]

Hi Andrey, 

I have tried your code and it works in IE9 but not in Chrome. In Chrome the Text is always null in the Model.

Any ideas what to change?

I have now:

<script type="text/javascript">
    $(document).ready(function () {
        $("#Text").kendoEditor({
            encoded: false
        });
    });
</script>

@Html.TextAreaFor(m => m.Text, new {style="width:600px;height:200px"})  

[Andrey]

Hi Mikael,

Unfortunately I can't reproduce the wrong behavior for Chrome. In my projects it works everywhere.
What MVC version do you use? 

[Mikael]

Hi, 

we use MVC4. 

[Mikael]

Hi, 

issue has been solved, problem was that the form was placed inside a table element. IE fixed this automatically and Chrome did not.

Now everything works fine with Kendo Editor in both IE and Chrome.