Ho un'applicazione. In un pulsante cliccato ho provato ad aprire una finestra modale Kendo. Sta aprendo. La mia applicazione è in un dominio e il contenuto della finestra di Kendo proviene da un altro dominio. Ora voglio chiudere la finestra modale con un pulsante all'interno della finestra di Kendo. Qui inizia il problema. Non riesco a chiudere la finestra modale. Ho cercato usando Google ma non ho trovato alcuna soluzione - ne conosci uno?Come chiudere una finestra di Kendo dal contenuto della finestra?
risposta
Dopo aver letto i vostri commenti alla mia risposta precedente credo che si mette in discussione è fuorviante. Parli di modal
, un altro dominio e close
button
ma dai tuoi commenti sembra che nulla di ciò sia effettivamente rilevante. Concludo dai vostri commenti che volete inserire uno button
(in realtà un close
button
ma potrebbe essere qualsiasi altro) in un KendoUI window
e inoltre si desidera visualizzare una pagina (che casualmente) si trova in un dominio diverso. Se questo è ciò che realmente desideri e prevedi il problema relativo al dominio incrociato e alla sicurezza, ti consigliamo di utilizzare effettivamente lo content.template
e di definire un modello che includa lo button
e un iframe
che fa riferimento alla pagina www.xyz.com
.
qualcosa di simile ...
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();
});
si potrebbe anche fare il pulsante float
in cima al resto della pagina definendo il seguente stile per close
button
.
#close2 {
position: absolute;
top: 10px;
left: 10px;
z-index: 10000;
}
Il seguente codice JavaScript definisce uno button
per l'apertura di modal
kendoWindow
. Una volta cliccato puoi premere uno button
all'interno del corpo dello window
per chiuderlo come desideri.
codice 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();
})
e la 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>
Grazie mille per la risposta OnaBari. Ma questa non è la vera soluzione del mio problema. Il contenuto del modale proviene da un altro dominio. e il pulsante di chiusura sarà all'interno del contenuto. Ora come chiudere questa finestra modale facendo clic sul pulsante. Se è lo stesso dominio non si verifica alcun problema. Ma la pagina madre e la finestra modale si trovano in un dominio diverso. – Saikat
Come stai caricando il contenuto? Iframe' forse? – OnaBai
window.kendoWindow ({ modal: true, animazione: false, trascinabili: false, contenuti: 'http://www.xxxx.com' larghezza: "830px", altezza: "650 px", ridimensionabile: false, // title: false, visible: false }). Dati ("kendoWindow"). Title (Title) .center(). Open(); – Saikat
- 1. Come chiudere una finestra popup di Liferay.util.openWindow?
- 2. Come chiudere una modal facendo clic all'esterno della finestra modale?
- 3. Ottieni l'handle della finestra dal nome della classe della finestra
- 4. Previene emacs dal chiudere automaticamente una finestra dopo il completamento
- 5. Come chiudere jQuery Dialog all'interno della finestra di dialogo?
- 6. Vincoli di ridimensionamento della finestra per contenuto
- 7. Chiusura di una finestra di kendoui con pulsante Chiudi personalizzato all'interno della finestra
- 8. Kendo-Knockout: Come centrare la finestra
- 9. Electron.js Come minimizzare/chiudere la finestra sulla barra delle applicazioni e ripristinare la finestra dal vassoio?
- 10. Modifica del contenuto della finestra WPF
- 11. Come chiudere un'applicazione JavaFX alla chiusura della finestra?
- 12. Come chiudere una finestra in WPF su una fuga chiave
- 13. come impedire agli utenti di chiudere una finestra in javascript?
- 14. Come posso chiudere un buffer senza chiudere la finestra?
- 15. Come aprire una finestra dal terminale mac
- 16. c finestra della finestra titolo
- 17. Come creare una finestra Qt come una finestra di messaggio?
- 18. Animare i movimenti della finestra dal vassoio
- 19. Qual è il modo corretto di caricare nuovi contenuti in una finestra di kendo?
- 20. Shadowbox - Come cambiare o sostituire il contenuto? Come chiudere e aprire un'altra finestra di dialogo?
- 21. Come chiudere la finestra di dialogo da viewmodel (Caliburn + WPF)?
- 22. Come disabilitare la finestra del titolo della finestra di NSDocument
- 23. Previene iframe dal ricaricamento della finestra genitore
- 24. Posso chiudere una finestra di avviso sull'elenco fare clic?
- 25. Impossibile chiudere manualmente la finestra plot matplotlib
- 26. Come posso nascondere una finestra della console?
- 27. Ingrandimento della finestra di Eclipse dimensioni della finestra ingrandita
- 28. Qt: Come ridimensionare una finestra per il suo nuovo contenuto
- 29. Java: come impedire a WindowClosing di chiudere effettivamente la finestra
- 30. Ridimensionamento della finestra di SmartGWT in base al contenuto
Caro Onabari, ti ringrazio tanto per la tua risposta. Ho capito che il pulsante di chiusura (nel contenuto della finestra di Kendo) non poteva chiudere la finestra. Devo fare il pulsante di chiusura nella finestra del kendo lato client (in alto o in basso) non nel contenuto della finestra di kendo. Grazie ancora. – Saikat