Mise à jour d'un contrôle en dehors du UpdatePanel

J'ai donc un UserControl avec certains en cascade DropDownLists sur elle. La sélection de la liste 1 permet de la liste 2, qui permet à son tour la liste 3. Une fois que vous avez fait une sélection dans les trois listes, vous pouvez passer à la page suivante.

La DropDownLists sont tous à l'intérieur d'un UpdatePanel. Mais le bouton "Page Suivante" est à l'extérieur de la UpdatePanel. Ce bouton doit être désactivé jusqu'à ce que tous les trois listes ont une sélection, et ensuite, il devrait être à nouveau activée. Mais depuis que le bouton est à l'extérieur de la UpdatePanelil ne met pas à jour quand je fais des sélections. (Modifier: Le bouton "Page Suivante" est une page qui contient également le UserControl.)

Je sais un moyen de résoudre ce:

var scriptManager = ScriptManager.GetCurrent(this.Page);
scriptManager.RegisterPostBackControl(dropDownList1);
scriptManager.RegisterPostBackControl(dropDownList2);
scriptManager.RegisterPostBackControl(dropDownList3);

Cela garantit une publication lorsque aucune liste est modifiée, de sorte que le bouton de mise à jour. Mais si je fais ça, je risque de les simplifier en se débarrassant de la UpdatePanel en premier lieu.

Est-il une autre façon, à travers quelques petits malins JavaScript ou quelque chose, que je puisse mettre à jour un contrôle à l'extérieur d'un UpdatePanel sans avoir à renoncer à Ajax?

source d'informationauteur Ryan Lundy

  1. 7

    Pourriez-vous pas ajouter un panneau de mise à jour autour de la "page suivante", puis ajouter un déclencheur pour la dropdownlist updatepanel pour le déclenchement de la page suivante panneau de mise à jour?

    Juste jeter des idées, sans avoir réellement essayé 🙂

  2. 12

    Place un UpdatePanel autour du bouton suivant et créer un déclencheur pour chacune des listes déroulantes afin qu'il déclenche une async publication. Ex:

    <Triggers>
    <asp:AsyncPostBackTrigger ControlID="dropDownList1" />
    <asp:AsyncPostBackTrigger ControlID="dropDownList2" />
    <asp:AsyncPostBackTrigger ControlID="dropDownList3" />
</Triggers>
  3. 2

    vous pouvez upddate un contrôle à l'extérieur du panneau de mise à jour en le plaçant dans update_panel2 et dire update_panel2.update().

    Note le UpdateMode de l'UpdatePanel doit être mis à conditionalpour que cela fonctionne.

  4. 1

    Ce serait l'idéal, être fait en javascript, avec une validation côté serveur, vérifiez dans le gestionnaire d'événements click.

    Un rapide jQuery exemple:

    //assuming the dropdowns all have the css class "cascade"
$('select.cascade').change(function() {
  If ($('option:selected',this).length == 3) {
    $('input[id$=btnNext]').removeAttr('disabled');
  }
});