如何填充KendUI窗口

时间:2012-11-19 16:33:26

标签: asp.net-mvc kendo-ui

我是Kendo UI的新手。我希望能够显示一个带有控制器结果的弹出窗口。

我的例子非常简单。我的页面上有这些数据。

Some text    [Create]

当我点击[创建]时,调用了我的控制器。控制器将创建一个PDF文件。接下来,我希望能够在KendoUI窗口中显示pdf。

我对如何将信息传回页面感到困惑,因此KendoUi Window知道要显示的PDF文件名。

提前感谢您的提示。

史蒂夫

MVC 4

KendoUI 2012.2.270

1 个答案:

答案 0 :(得分:0)

有两种基本方法:

  1. 您可以在加载页面时创建窗口,并具有更改内容并使其可见的功能。
  2. 您每次都会创建窗口。
  3. 假设您为1.然后您有一个类似这样的HTML

    <div id="popup_window">
    </div>
    <a href="#" id="show">Create PDF</a>
    

    然后定义窗口和click绑定以触发打开为:

    $("#popup_window").kendoWindow({
        title    :"PDF document",
        visible  :false
    });
    
    $("#show").click(function () {
        $("#popup_window").html("<object id='pdf' data='doc.pdf' type='application/pdf'/>");
        $("#popup_window").data("kendoWindow").open();
    });
    

    我在哪里创建kendoWindow,但将其可见性设置为不可见。 然后我将一个函数绑定到Create PDF消息上的点击,该消息将内容设置为HTML object,其中data属性是pdf文档,然后通过调用kendoWindow {打开{1}}方法。