OnclientClick et OnClick n'est pas de travailler en même temps?

J'ai un bouton comme les suivantes,

<asp:Button ID="pagerLeftButton" runat="server" OnClientClick="disable(this)" onclick="pager_Left_Click" Text="<" />

Lorsque j'utilise mon bouton comme ça, onclick n'est pas à la cuisson. Quand j'enlève OnClientClick, puis onclick est tir.

Ce que je dois faire est de désactiver le bouton lors de la publication et de l'activer après la publication se termine.

Edit: informations Supplémentaires:

J'ai ajouté un point de rupture à mes fonctions de cuisson est c# part, et je suis le débogage, ils ne sont pas de tir pour vous. Ces fonctions sont comme

protected void pager_Left_Click(object sender, EventArgs e)
{
//Do smthing.
}
protected void pager_Right_Click(object sender, EventArgs e)
{
//Do smthing.
}

et quand je clique sur mon bouton, il est désactivé pendant 1-2 secondes et automatiquement activé, mais je ne suis pas sûr pourquoi elle est activée. Je n'ai pas d'ajouter un produit pour qu'il soit à nouveau activé.

  • Pouvez-vous nous montrer votre disable fonction?
  • Vous pouvez poster votre désactiver() méthode Javascript?
  • quel est le désactiver js fonction? Lorsque vous appelez désactiver(ce)...je suis en supposant que ses habituels mais vous voulez vous assurer
  • la fonction désactiver(contrôle) { contrôle.disabled="disabled"; alert(100); }
InformationsquelleAutor stckvrflw | 2010-01-28
  1. 97

    De cette l'article sur web.archive.org :

    L'astuce est d'utiliser le OnClientClick et UseSubmitBehavior les propriétés du bouton de contrôle. Il existe d'autres méthodes, impliquant de code côté serveur pour ajouter des attributs, mais je pense que la simplicité de cette façon de faire est beaucoup plus attrayant:

    <asp:Button runat="server" ID="BtnSubmit"  OnClientClick="this.disabled = true; this.value = 'Submitting...';"   UseSubmitBehavior="false"  OnClick="BtnSubmit_Click"  Text="Submit Me!" />

    OnClientClick vous permet d'ajouter des clients côté OnClick script. Dans ce cas, le JavaScript permet de désactiver l'élément de bouton et changer sa valeur de texte d'un message de progression. Lorsque la publication est terminée, le rendu de la page sera de revenir sur le bouton de retour à son état initial, sans aucun travail supplémentaire.

    L'un écueil qui vient avec la désactivation d'un bouton sur le côté client, c'est qu'il va annuler le navigateur soumettre, et donc de la publication. Réglage de la UseSubmitBehavior valeur false à la propriété raconte .NET pour injecter le nécessaire script client le feu à la publication de toute façon, au lieu de s'appuyer sur le navigateur de formulaire de soumission de comportement. Dans ce cas, le code qu'il injecte serait:

    __doPostBack('BtnSubmit','')

    Il est ajouté à la fin de notre OnClientClick code, de nous donner ce rendu HTML:

    <input type="button" name="BtnSubmit"  onclick="this.disabled = true; this.value ='Submitting...';__doPostBack('BtnSubmit','')"  value="Submit Me!" id="BtnSubmit" />

    Ce qui donne un joli bouton désactiver l'effet et de traitement de texte, alors que la publication complète.

    • C'est la réponse correcte. Vous devez modifier votre réponse à inclure les informations de l'article. (UseSubmitBehavior="false")
    • Cela a fonctionné merci 🙂
    • ma réponse à la question était de lien vers l'article, mais a été demandé par d'autres sur de SORTE à inclure du contenu. De toute façon ont inclus le lien. Merci
    • vous êtes les bienvenus! Je pense toujours que la mise en forme de votre réponse, ce n'est pas ça très clair que vous êtes en citant quelqu'un d'autre. J'ai proposé une modification de la réponse pour vous montrer ce que je veux dire.
    • Un inconvénient de cette approche est que le bouton ne fonctionne plus lorsque le JavaScript est désactivé ou non disponible.
    • merci pour l'edit, est-il une façon de faire de même sans javascript?
    • pas de problème. Oui, voir ma réponse pour un exemple.
    • Il me semble, d'ailleurs, que pour VB.NET vous n'avez pas besoin de définir l'événement OnClick, parce que vous avez le mot clé Handles sur le gestionnaire d'événement sub dans le code-behind.
    • L'événement qui doit d'abord être appelé "onClick" ou "onClientClick' ?
    • si vous choisissez d'ajouter confirmation de faire quelque chose comme cela. <asp:Button ID="btn" runat="server" Text="Button" OnClientClick="if (confirm('Are you sure you want to proceed?')){ this.disabled = true; this.value = 'Processing Request...';} else {return false;}" UseSubmitBehavior="false" OnClick="btn_Click" CausesValidation="False" />

    InformationsquelleAutor Vinay Pandey
  2. 11

    OnClientClick semble être très pointilleux quand il est utilisé avec OnClick.

    J'ai essayé, sans succès, avec les cas d'utilisation suivants:

    OnClientClick="return ValidateSearch();" 
OnClientClick="if(ValidateSearch()) return true;"
OnClientClick="ValidateSearch();"

    Mais ils n'ont pas de travail. La suite travaillé:

    <asp:Button ID="keywordSearch" runat="server" Text="Search" TabIndex="1" 
  OnClick="keywordSearch_Click" 
  OnClientClick="if (!ValidateSearch()) { return false;};" />
    • Je ne suis pas tout à fait sûr pourquoi, mais seulement cela a fonctionné pour moi!
    • Ce produit SyntaxError: Unexpected token if ne devrais pas y être un javascript protocole sur le devant de qui?
    • Fonctionne très bien. merci ! Js fonction return true sur le succès de la validation autrement OnClick avec ne pas être frappé.
    • Simplement un beau, et la solution de travail pour Webforms les débutants 🙂 merci Garry
    • C'est juste bizarre que cela fonctionne! Mais il le fait. Merci!!!!
    • Je ne suis pas sûr que bien pourquoi cela a fonctionné comparer à la syntaxe précédente. Cela m'a aussi aidé.

    InformationsquelleAutor Gaʀʀʏ
  3. 6

    Vinay (ci-dessus) a donné un travail efficace autour. Ce qui est réellement la cause de l'événement OnClick du bouton ne fonctionne pas à la suite de la OnClientClick fonction d'événement, c'est que MS a défini à l'endroit, une fois que le bouton est désactivé (dans la fonction appelée par le OnClientClick de l'événement), le bouton "honneurs" cela en ne cherchant pas à remplir le bouton de l'activité par l'appel de l'événement OnClick de la méthode définie.

    J'ai lutté plusieurs heures à essayer de comprendre cela. Une fois que j'ai retiré la déclaration de désactiver le bouton "soumettre" (qui était à l'intérieur de la OnClientClick fonction), le OnClick méthode a été appelée avec aucun autre problème.

    Microsoft, si vous êtes à l'écoute, une fois que le bouton est cliqué, il devrait terminer affectés à l'activité, même si elle est désactivée, une partie du chemin par le biais de cette activité. Tant qu'il n'est pas désactivé lorsqu'il est cliqué, il doit effectuer toutes les méthodes.

    • le voici, le voilà! Microsoft, suivre les normes dab nabbit!
    InformationsquelleAutor Patrick
  4. 6

    Il y a deux problèmes ici:

    Désactivation du bouton sur le côté client empêche la publication

    Pour surmonter ce problème, désactivez le bouton après le JavaScript onclick événement. Un moyen facile de faire cela est d'utiliser setTimeout comme suggéré par cette réponse.

    Aussi, le OnClientClick code s'exécute même si ASP.NET la validation échoue, alors il est probablement une bonne idée d'ajouter une case pour Page_IsValid. Cela garantit que le bouton ne sera pas désactivée si la validation échoue.

    OnClientClick="(function(button) { setTimeout(function () { if (Page_IsValid) button.disabled = true; }, 0); })(this);"

    C'est plus lisible pour mettre tout ce code JavaScript dans sa propre fonction que la question montre:

    OnClientClick="disable(this);"

function disable(button) {
    setTimeout(function () {
        if (Page_IsValid)
            button.disabled = true;
    }, 0);
}

    Désactivation du bouton sur le côté client n'a pas le désactiver sur le côté serveur

    Pour surmonter ce problème, désactivez le bouton sur le côté serveur. Par exemple, dans le OnClick gestionnaire d'événement:

    OnClick="Button1_Click"

protected void Button1_Click(object sender, EventArgs e)
{
    ((Button)sender).Enabled = false;
}

    Enfin, gardez à l'esprit que d'éviter la duplication appuie sur un bouton qui n'empêche pas deux différents utilisateurs de soumettre les mêmes données en même temps. Assurez-vous de tenir compte de cela sur le côté serveur.

    • Peut les électeurs, s'il vous plaît laissez-moi savoir quel est le problème? Si je me trompe, je voudrais savoir si je peux supprimer cette réponse et d'apprendre de mes erreurs. Ou si vous ne comprenez pas mon code ou le raisonnement, s'il vous plaît demander. Dans ce dernier cas, vous faites un mauvais service à la communauté, en bas à droit de vote de bons conseils.
    • C'était la meilleure explication de la cause de racine et le raisonnement derrière le très utile à la solution de contournement.
    InformationsquelleAutor Sam
  5. 2

    Que faire si vous n'avez pas immédiatement le bouton désactivé, mais le retard qu'à travers setTimeout?
    Votre désactiver la fonction serait de retour et de le soumettre continuerait.

    InformationsquelleAutor Hans Kesting
  6. 1

    Votre JavaScript est très bien, sauf si vous avez d'autres scripts en cours d'exécution sur cette page qui peut corrompre tout. Vous pouvez le vérifier à l'aide de Firebug.

    J'ai testé un peu et il semble vraiment que ASP.net ignore désactivé des contrôles. Fondamentalement, la publication est émis, mais probablement le cadre ignore de tels événements, car il "suppose" qu'un bouton désactivé ne peut pas augmenter tout de publication et de sorte qu'il ignore probablement attaché gestionnaires. Maintenant, c'est juste mon raisonnement, on pourrait utiliser un Réflecteur pour vérifier ce point plus en profondeur.

    Comme une solution qu'on pourrait essayer de faire la désactivation à un moment plus tard, fondamentalement, vous retarder la control.disabled = "disabled" appel à l'aide d'un JavaTimer ou d'autres fonctionnalités. De cette façon, 1er de la publication sur le serveur est délivré avant le contrôle est désactivé par la fonction JavaScript. N'ai pas tester, mais il pourrait travailler

    InformationsquelleAutor Juri
  7. 0

    fonction UpdateClick(btn) {

        for (i = 0; i < Page_Validators.length; i++) {

        ValidatorValidate(Page_Validators[i]);

        if (Page_Validators[i].isvalid == false)

            return false;
    }

    btn.disabled = 'false';

    btn.value = 'Please Wait...';

    return true;
}
    InformationsquelleAutor user3783446