Cách đóng cửa sổ Kendo trong nội dung cửa sổ?

Question

Tôi có một ứng dụng. Trong một nút bấm tôi đã cố gắng để mở một cửa sổ Kendo phương thức. Nó đang mở. Ứng dụng của tôi nằm trong một miền và nội dung của cửa sổ Kendo là từ một miền khác. Bây giờ tôi muốn đóng cửa sổ phương thức bằng một nút nằm bên trong cửa sổ Kendo. Đây là vấn đề bắt đầu. Tôi không thể đóng cửa sổ phương thức. Tôi đã tìm kiếm bằng Google nhưng không tìm thấy giải pháp nào - bạn có biết không?

Answer 1

Sau khi đọc ý kiến ​​của bạn để câu trả lời trước của tôi, tôi nghĩ rằng bạn nghi ngờ là gây hiểu nhầm. Bạn nói về modal, một tên miền khác và closebutton nhưng dường như từ nhận xét của bạn rằng không có gì trong số đó thực sự có liên quan. Tôi kết luận từ ý kiến ​​của bạn rằng bạn muốn đặt một button (thực sự là closebutton nhưng có thể là bất kỳ khác) trong KendoUI window và ngoài ra bạn muốn hiển thị một trang (tình cờ) nằm trong một tên miền khác. Nếu đây là những gì bạn thực sự muốn - và thấy trước vấn đề liên quan đến tên miền chéo và bảo mật, tôi khuyên bạn nên sử dụng content.template và xác định mẫu bao gồm button và iframe tham chiếu trang www.xyz.com.

Something như thế này ...

var myWindow2 = $("#id2").kendoWindow({ 
    modal : true, 
    draggable: false, 
    content : { 
     template: '<a href="javascript:void(0);" id="close2" class="k-button">Close</a>' + 
       '<iframe src="http://www.xyz.com" frameborder="0" class="k-content-frame"></iframe>' 
    }, 
    visible : false, 
    width : 400, 
    height : 200, 
    resizable: false, 
    iframe : true 
}).data("kendoWindow"); 

$("#open2").on("click", function() { 
    myWindow2.center(); 
    myWindow2.open(); 
}); 

$("#close2").on("click", function() { 
    myWindow2.close(); 
}); 

Bạn thậm chí có thể làm cho các nút float trên đỉnh còn lại của trang bằng cách xác định phong cách sau đây cho closebutton.

#close2 { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    z-index: 10000; 
} 

Answer 2

Mã JavaScript sau đây xác định button để mở modalkendoWindow. Sau khi nhấp vào, bạn có thể nhấn button bên trong phần thân của window để đóng nó theo ý muốn.

mã JavaScript:

var myWindow = $("#id1").kendoWindow({ 
    title : "hi", 
    visible: false, 
    modal : true 
}).data("kendoWindow"); 

$("#open").on("click", function() { 
    console.log("opening"); 
    myWindow.center(); 
    myWindow.open(); 
}); 
$("#close").on("click", function() { 
    console.log("closing"); 
    myWindow.close(); 
}) 

và HTML:

<a href="#" id="open" class="k-button">Open</a> 

<div id="id1"> 
    <p>this is the content of my window</p> 
    <a href="#" id="close" class="k-button">Close</a> 
</div>