2012-11-19 78 views
0

我是Kendo UI的新手。我希望能夠顯示一個彈出式窗口,並顯示來自我的控制器的結果。如何填充KendUI窗口

我的例子很簡單。我的網頁上有這些數據。

Some text [Create] 

當我點擊[創建],對我的控制器進行調用。控制器將創建一個PDF文件。接下來,我希望能夠在KendoUI窗口中顯示PDF。

我越來越掛斷瞭如何將信息傳遞迴頁面,以便KendoUi窗口知道要顯示的PDF文件名。

在此先感謝您的提示。

史蒂夫

MVC 4

KendoUI 2012.2.270

回答

0

有兩種基本方法:

  1. 創建時加載頁面窗口,並有功能改變內容並使其可見。
  2. 您每次創建一個窗口。

假設你爲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文檔,然後通過調用kendoWindowopen方法打開。

+0

感謝您的反饋。我發現這個解決方案可以解決我的需求。函數winOpen(){ var id = document.getElementById(「employId」)。value; id ='4052D8B9-8232-E211-84AC-B4A17689C6D9';height:「480px」, 內容:「/ home/ViewPDF /」+ id,其中, modal:true, actions:[「Close」,「Refresh」,「Maximize」] }); } '。使用**內容**屬性幫助解決了我的問題。 – Steve