विंडो सामग्री के भीतर से केंडो विंडो को कैसे बंद करें?

Question

मेरे पास एक आवेदन है। एक बटन में क्लिक किया गया मैंने एक केंडो मोडल विंडो खोलने की कोशिश की। यह खुल रहा है मेरा आवेदन एक डोमेन में है और केंडो विंडो की सामग्री किसी अन्य डोमेन से है। अब मैं मोडल विंडो को एक बटन के साथ बंद करना चाहता हूं जो केंडो विंडो के अंदर है। यहां समस्या शुरू होती है। मैं मोडल विंडो बंद नहीं कर सकता। मैंने Google का उपयोग करके खोज की लेकिन मुझे कोई समाधान नहीं मिला - क्या आप एक जानते हैं?

Answer 1

मेरे पिछले जवाब देने के लिए अपनी टिप्पणी को पढ़ने के बाद मुझे लगता है कि आप सवाल है कि भ्रामक है। आप modal, अन्य डोमेन और closebutton पर बात करते हैं लेकिन आपकी टिप्पणियों से लगता है कि इनमें से कुछ भी वास्तव में प्रासंगिक नहीं है। मैं आपकी टिप्पणियों से निष्कर्ष निकालता हूं कि आप एक button (वास्तव में button लेकिन कोई अन्य हो सकता है) KendoUI window में और इसके अलावा आप एक पृष्ठ (वह संयोग से) एक अलग डोमेन में प्रदर्शित करना चाहते हैं। यदि आप वास्तव में चाहते हैं- और क्रॉस-डोमेन और सुरक्षा से संबंधित समस्या को दूर करना- मैं आपको सलाह दूंगा कि आपको वास्तव में content.template का उपयोग करना चाहिए और button और पृष्ठ www.xyz.com का संदर्भ देने वाला एक टेम्पलेट परिभाषित करना चाहिए।

कुछ इस तरह ...

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(); 
}); 

तुम भी closebutton के लिए निम्नलिखित शैली को परिभाषित करते हुए शेष पृष्ठ के शीर्ष पर बटन float बना सकता है।

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

Answer 2

निम्नलिखित जावास्क्रिप्ट कोड को modalkendoWindow खोलने के लिए परिभाषित करता है। एक बार क्लिक करने के बाद आप window के शरीर के अंदर button दबाकर इसे बंद करने के लिए दबा सकते हैं।

जावा स्क्रिप्ट कोड:

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(); 
}) 

और 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>