如何设置Kendo窗口的内容?

时间:2014-01-08 23:04:12

标签: javascript jquery asp.net-mvc kendo-ui kendo-window

我有这个窗口:

   @(Html.Kendo().Window()
  .Name("errorWindow") 
  .Title("")
  .Content(@<text>
            //Put text here
     </text>)
  .Draggable() //Enable dragging of the window
  .Resizable() //Enable resizing of the window
  .Modal(true)

  .Visible(false)
  )

在客户端上转换为此内容:

jQuery(function(){jQuery("#errorWindow").kendoWindow({"modal":true,"iframe":false,"draggable":true,"pinned":false,"title":"","resizable":true,"content":null,"actions":["Close"]});});

我可以用这个JScript调用它:

function onAjaxFailure(data) {
        var window = $("#errorWindow").data("kendoWindow");
        window.center().open();
    }

但是如何将文字放在窗口中?换句话说,“data”参数将是错误窗口中显示的文本。

1 个答案:

答案 0 :(得分:18)

使用kendoWindow.content(data),例如:

$("#dialog").kendoWindow({
    modal: true,
    visible: false,
});

setTimeout(function () {
    var kendoWindow = $("#dialog").data("kendoWindow");
    kendoWindow.content("show this");
    kendoWindow.center().open();
}, 2000);

demo

如果您希望它显示在窗口内的某个元素中,您可以在kendoWindow.element中搜索它。