jquery - 使用 Html.Kendo().EditorFor 时如何在 Jquery 中选择编辑器

Question

我正在将 Telerik Kendo UI 编辑器用于可以发布到服务器的字段。

@( Html.Kendo().EditorFor(model => model.TickerContent)
                           .Name("TickerContent")
                           .Encode(true)
                           .HtmlAttributes(new { style = "width:100%;height:440px" }))

在与表单相同的页面上，我有一个我希望能够编辑的项目列表，因此我需要设置编辑器的值。演示代码使用以下代码来获取和设置编辑器的值：

<script>
    $(document).ready(function () {
        var editor = $("#Editor").data("kendoEditor");

        var setValue = function () {
            editor.value($("#value").val());
        };

        $("#get").click(function () {
            alert(editor.value());
        });

        $("#set").click(setValue);
    });
</script>

变量编辑器的值始终未定义。我的问题是如何获取和设置编辑器值？

我试过 var editor = $("#TickerContent").data("kendoEditor"); 但编辑器仍然未定义。

Answer 1

同样的问题，这是我所做的：

对于 html

@Html.TextAreaFor(model => model.TickerContent);

对于 JS

    <script>
         $(function(){
            $("#TickerContent").kendoEditor().data("kendoEditor");
            var editor  = $("#TickerContent").data("kendoEditor");
         })
    </script>

那么“编辑器”不是未定义的

Answer 2

我认为您需要删除 .Name("TickerContent")。我遇到过同样的问题。为什么，我不知道。

Answer 3

要设置编辑器值，您可以这样设置：

$("#Editor").data("kendoEditor").value($("#value").val());