J'utilise Kendo UI, et je veux faire une boîte de dialogue modale en cliquant sur un bouton. Cependant, cela fonctionne bien la 1ère fois, mais quand je ferme la boîte de dialogue et cliquez sur le bouton d'ouverture à nouveau l'écran s'estompe, mais les fenêtres sont très petites, quelques pixels de largeur et de hauteur.Kendo UI dialogue rouvrir
Ceci est mon code:
<div id="progressDialog">
<p>
blah blah
</p>
</div>
<script>
$(document).ready(function() {
var dlg = $("#progressDialog").kendoWindow({
actions: ["Custom", "Pin", "Refresh", "Maximize", "Minimize", "Close"],
draggable: false,
height: "300px",
modal: true,
pinned: false,
position: {
top: 100,
left: 100
},
resizable: false,
title: "Modal Window",
width: "500px"
});
$("#someGrid").kendoGrid({
...
dataBound: function(e){
$("#showButton").unbind('click').click(function(){
dlg.data("kendoWindow").open();
}
}
...
});
});
</script>
Cette partie de $ ("# de showButton") est à l'intérieur de kendoGrid initialisé dans DataBound événement si cela est important. Il y a aussi d'autres fenêtres sur la page donc peut-être qu'il y a une collision, idk ... Mais ça fonctionne bien 1ère fois que showButton est cliqué, mais quand je ferme modal et essaie pour la 2ème fois ça montre très très petit carré.
EDIT: juste noté cette propriété dans le style css en ligne ajouté: transform: scale (0.01). Je pourrais l'enlever avec JavaScript, mais pourquoi est ajouté?
Selon telerik ce qui est connu bogue avec jQuery 1.7, 1.8 résoudrait le problème. Ce qui est vrai, mais 1.8 va casser le reste du code existant. – Dexa
Quelle version de l'interface utilisateur de Kendo utilisez-vous? La dernière version utilise des versions beaucoup plus récentes de jQuery, donc je ne sais pas si par le _rest de l'ancien code_ vous voulez dire votre code ou code KendoUI. Si vous voulez dire KendoUI, je vous recommande de passer à une version plus récente (plus récente) qui ne devrait pas poser de problème lors de l'exécution d'une nouvelle version de jQuery. – OnaBai
J'utilise v2012.3.1114. Je me rends compte que c'est une version très obsolète, juste refactoring tout n'est pas une option pour le moment. Merci pour votre aide J'ai corrigé ceci en définissant ** transform: scale (1) ** pour faire une fenêtre modale en utilisant jQuery. – Dexa