在Kendo窗口UI控件中需要幫助

我正在使用一個councelor門戶網站，這是我們公司項目的一部分，我的老闆建議我在某些鏈接上使用kendow windo pop控件彈出窗口。在Kendo窗口UI控件中需要幫助

我已經通過使用kendo應用程序控制來做到這一點，但有點問題會引起我的外觀和感覺有點不好。

我們在一個頁面上獲得鏈接，我們的應用程序應該顯示使用彈出窗口，當任何鏈接將被點擊，但是當我實際運行該頁面時，彈出的kendo窗口首先出現，當我最小化或關閉它時然後鏈接開始根據我們的願望工作。我確信有jQuery代碼存在一些問題，它顯示document.ready（function（）{}）上的彈出窗口;但它應該在單擊鏈接時起作用。

我張貼我的代碼在這裏，請幫助我，使之更加精緻和美觀

var window = $("#window"), 
         undo = $("#undo") 
           .bind("click", function() { 
            window.data("kendoWindow").open(); 
            window.data("kendoWindow").center(); 
            undo.hide(); 
           }); 




var onClose = function() { 
    undo.show(); 
} 

if (!window.data("kendoWindow")) { 
    window.kendoWindow({ 
     width: "600px", 
     height: "500px", 
     draggable: false, 
     actions: ["Minimize", "Maximize", "Close"], 
     resizable: false, 
     title: "Report Activity", 
     content: "../../AlertCounselor.htm", 
     close: onClose 
    }); 
}

HTML：

<div id="window"></div> 

      <label id="undo" style="display:none; width:200px;" class="k-group" ><a href="#">Alert Counselor</a></label>

來源

2012-12-20 Sohaib Ameen

如果你不想窗口在文檔加載時顯示，您應該在初始化時指定visible: false（檢查文檔here）。

讓我們假設你有以下鏈接：

<a href="#" id="open">Click here for opening the window and not before</a>

然後定義窗口：

var myWindow = window.kendoWindow({ 
    visible : false, 
    width : "600px", 
    height : "500px", 
    draggable: false, 
    actions : ["Minimize", "Maximize", "Close"], 
    resizable: false, 
    title : "Report Activity", 
    content : "../../AlertCounselor.htm", 
    close : onClose 
}).data("kendoWindow");

這應該離開窗口關閉等待別人打開它的東西。

最後定義click事件處理程序的鏈接：

$("#open").on("click", function() { 
    myWindow.open(); 
});

來源

2012-12-20 09:31:47 OnaBai

感謝您的回答兄弟但事情是，當我在屬性應用於則窗口中消失，即使該鏈接是不存在的。 –

我想在顯示在我的html頁面的鏈接點擊中顯示此窗口。當我刷新頁面時，窗口首先出現，關閉窗口後，鏈接出現，並且事情在此之後變得順利。我不希望用戶看到一個窗口，他沒有要求沒有點擊任何東西.. –

我修改了處理點擊鏈接的答案。看看這是你想要的。 – OnaBai

在Kendo窗口UI控件中需要幫助

回答

相關問題