Boîte de dialogue jQuery UI - comment le rendre non fermable?

J'essaie d'utiliser la boîte de dialogue jQuery comme écran de chargement pour ajax. Je l'ai très bien fonctionné jusqu'à présent mais j'aimerais que l'écran de chargement ne soit pas fermable. Cependant, il semble que la boîte de dialogue de l'interface utilisateur ne dispose pas de "fermable" en option?Boîte de dialogue jQuery UI - comment le rendre non fermable?

Comment pouvez-vous le rendre non-fermable? J'ai essayé de mettre closeText à blanc, mais cela n'a rien fait. Le petit 'X' apparaît toujours dans le coin supérieur droit.

Ne pensez-vous pas que l'option de fermeture devrait être une option pour le widget de dialogue?

Merci

Source

2010-01-29 Ying

Ying, juste passer une fonction de rappel à beforeclose:

$("#loading").dialog({ 
    beforeclose: function(){ return false } 
    // other options here 
});

Source

2010-01-29 18:02:19

droit, désolé. C'est exactement ce que j'aurais suggéré si vous n'aviez pas trouvé cette partie par vous-même. Content que ça a marché pour vous! Assurez-vous de marquer la réponse comme acceptée (cliquez sur la coche grise). Nous obtenons tous les deux des points de rep, et cela aide les personnes futures ayant le même problème à savoir quelle solution a fonctionné pour vous. Bienvenue à StackOverflow! –

Oups, j'ai trouvé un problème avec cette solution. Quand j'appelle $ ("# loading"). Dialog ('close') maintenant il ne fait rien. J'avais besoin de ça pour travailler, j'ai donc décidé de cacher le "X" via css. – Ying

Doug, merci pour la réponse rapide. Cette action fermée désactivée. Cependant, il n'a pas caché le "X" dans le coin supérieur droit. J'ai fini par utiliser css pour cacher le "X".

/* hide the close x on loading screen */ 
.classForMyDialog .ui-dialog-titlebar-close { 
    display: none; 
}

Source

2010-01-29 18:12:46 Ying

Vous devez également envisager de définir closeOnEscape sur false, '$ (" .selector ") .dialog ({closeOnEscape: false});' à l'initialisation ou '$ (" .selector ") .dialog (" option "," closeOnEscape ", false);" plus tard pour le mettre à false –

Pour une démonstration de la façon dont j'ai utilisé la boîte de dialogue jQueryUI comme écran de chargement.

http://pure-essence.net/2010/01/29/jqueryui-dialog-as-loading-screen-replace-blockui/

Source

2010-01-29 20:00:18 Ying

Comment je suis arrivé à ce sujet grâce à Ying et Doug

Classe:

.myDialog .ui-icon{ 
    display:none !important; 
}

Jquery:

$(".ajaxloader").dialog({ 
     modal:true, 
     resizable:false, 
     dialogClass:'myDialog' 
    });

Source

2012-04-04 11:52:05 Stevanicus

Merci, cela a fait l'affaire. –

Cela masque également les icônes de la boîte de dialogue. Le sélecteur devrait être plus concret je crois. –

Je pense que Ying est sur la bonne voie, mais il se trouve que le .classForMyDialog (en supposant que c'est la div avec contenu de la boîte de dialogue) n'a pas l'icône en tant qu'enfant, donc cela n'a pas fonctionné.

J'ai eu du succès avec:

$("#myDialogDivID").parent().find(".ui-dialog-titlebar-close").hide()

Le parent choisit la boîte de dialogue enveloppent div et nous pouvons trouver et cacher l'icône de fermeture.

Je profite également de cette occasion pour souligner le commentaire de définir:

closeOnEscape: false

Source

2014-02-12 09:48:24

Boîte de dialogue jQuery UI - comment le rendre non fermable?

Répondre

Questions connexes