2013-06-24 103 views
0

我是首發劍道UI LoadContentFrom劍道窗口,我想使用kendoUi窗口,但我有一些問題,使用我寫這篇文章的代碼頁創建窗口如何設置在運行時

@(Html.Kendo().Window().Name("Details") 
    .Title("Customer Details") 
    .Visible(false) 
    .Modal(true) 
    .Draggable(true) 
    .Width(300)  
) 

我有一些按鈕,我想當用戶點擊其中一個按鈕設置LoadContentFrom動態與jQuery。但我不知道該怎麼做。請幫幫我。謝謝大家。

回答

2

你可以試試這個

$("#youbuttonID").bind("click", function() { 
     $("#Details").data("kendoWindow").open(); 
    }); 

從使用

@(Html.Kendo().Window().Name("Details") 
    .Title("Customer Details") 
    .Visible(false) 
    .Modal(true) 
    .Draggable(true) 
    .LoadContentFrom("brand", "edit") 
    .Width(300) 
+0

感謝您的意見。但'kendoWindow'是什麼?我想要加載視圖。 – Pouya

+0

它refernce TA確保它窗口 –

+0

如果想從CONTROLER品牌加載視圖編輯和參數我寫這篇$(「#詳細信息」)發送1的數據(「品牌/編輯/ 1」)的open()。;但我得到錯誤,請幫助我。感謝 – Pouya

4

加載conent您需要獲得窗口對象持有,設置其url並在查詢字符串傳遞給url屬性。這個工作對我來說:

 var window = $("#Details").data("kendoWindow"); 
     window.refresh({ 
      url: '/YourController/YourAction/......', 

     }); 
     window.open().center(); 

此外,還可以在一些數據傳遞給action還有:

 window.refresh({ 
      url: '/YourController/YourAction/......', 
      data: { id: 10, enterpriseId: 88} 

     }); 

或者你copuld只是有一個功能,動態創建的窗口,並設置它的內容url帶有一些參數:

function createKendoWindow(contentUrl) { 
     $(document.body).append('<div id="Window"></div>'); 
     $('#Window').kendoWindow({ 
      title: "Log In", 
      modal: true, 
      resizable: false, 
      width: 400, 
      content: contentUrl, 
      visible: false, 
      minHeight: 350, 
      animation: { 
       open: { 
        effects: "expandVertical", 
        duration: 1000 
       }, 
      }, 
      close: function() { 
       setTimeout(function() { 
        $('#Window').kendoWindow('destroy'); 
       }, 200); 
      } 
     }).html('<img src="761.gif" />').data('kendoWindow').center().open(); 
    } 
+0

這似乎是一個好方法。但是我從加載MVC PartialView的內容時遇到問題。該視圖還有其他Kendo小部件,由於加載內容後發生JavaScript錯誤而無法正確顯示。我不知道這裏有什麼問題。 – Sven

+0

我得到了它的工作。我只是從我的視圖中刪除了所有其他窗口,只使用createKendoWindow()方法。現在它工作得很好。謝謝穆罕默德 – Sven

0

您可以使用LoadContentFrom並指定Action和Controller。該行動將擁有自己的視圖附加到它。詳情請參閱here