Announcement

Collapse
No announcement yet.

Verwendung des ModalPopupExtenders

Collapse
X
Collapse
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    Verwendung des ModalPopupExtenders

    Hallo!

    Ich verwende ein ModalPopupExtender-Control innerhalb eines Wizard-Control, dass wiederum innerhalb eines Updatepanel-Controls liegt.
    1. Beim Weiterklicken des Wizards kommt immer die Meldung:
    Sys.WebForms.PageRequestManagerServerErrorExceptio n: Ungültiges Postback- oder Callbackargument.
    Obwohl an der website noch gar nichts verändert wurde?

    2. Beim Beenden des Modalpopup-Dialogs erscheint das zugehörige Panel-Control im nächsten WizardStep?

    Frage:
    Wie muss ich ein ModalPopupExtender-Control (innerhalb Wizard/Updatepanel) implementieren, damit es zu keinen Fehlermeldungen kommt?

    Code:
    <form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services >
<asp:ServiceReference Path ="~/WSteamReg.asmx" />
</Services>
</asp:ScriptManager>

<br ID="C_Info_Label1" runat="server" Text="" />

<asp:UpdatePanel ID="C_1_UpdatePanel1" runat="server" UpdateMode="Always">
<ContentTemplate>

<div style="width:100%; height:250px;">
<br ID="C_Info_Label2" runat="server" Text="" />

<asp:Wizard ID="C_Wizard1" runat="server" Width="600px"
HeaderText="Anmeldung/Registration"
HeaderStyle-BackColor="Silver" DisplayCancelButton="True">

<WizardSteps>

<asp:WizardStep ID="C_WizardStep1" runat="server" Title="1" StepType="Start">
</asp:WizardStep>

<asp:WizardStep ID="C_WizardStep2" runat="server" Title="2" StepType="Auto">
<cc1:ModalPopupExtender ID="C_ModalPopupExtender1" runat="server"
TargetControlID="C_3cTeamNeu_LinkButton1"
PopupControlID="C_Panel1"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="C_3cTeamRegAbs_Button1"
CancelControlID="C_3cTeamRegAbbr_Button1" Enabled="true">
</cc1:ModalPopupExtender>
<asp:DropDownList Width="236" runat="server" id="C_3bTeam_DropDownList1">
</asp:listitem Value="0" text="Kein Team (0)" Selected="True">
</asp:listitem Value="10" text="URC Bikestore (10)">
</asp:listitem Value="11" text="Trek 1 (11)">
</asp:DropDownList>
<br />
</asp:LinkButton ID="C_3cTeamNeu_LinkButton1" runat="server" Text="Neues Team">
<br />

<asp:Panel ID="C_Panel1" runat="server" Width="233px" style="display:none" CssClass="modalPopup">
</asp:TextBox Width="230" runat="server" id="C_3cTeamName_TextBox1" MaxLength="30">
<br />
<div align="center">
<asp:Button ID="C_3cTeamRegAbs_Button1" runat="server" Text="OK" OnClick="Absenden" />
<asp:Button ID="C_3cTeamRegAbbr_Button1" runat="server" Text="Cancel" />
</div>
</asp:Panel>

<br />
</asp:WizardStep>

<asp:WizardStep ID="C_WizardStep3" runat="server" Title="3" StepType="Auto">
</asp:WizardStep>

</WizardSteps>
<HeaderStyle BackColor="Silver" />
</asp:Wizard>
</div>

</ContentTemplate>
</asp:UpdatePanel>

</form>

    Danke
    Chris
    Tags: ajax, asp.net
  • #2
    Page EnableEventValidation="false" ?
    Bitte vergessen Sie nicht die Antwort zu bewerten. Danke.:-)

    Comment

    • #3
      Hallo!

      Folgender Code funktioniert soweit, nur das Panel des modalen Fensters lässt sich nicht mehr ausblenden?
      Hat da jemand eine Idee?

      HTML Code:
      <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test4.aspx.vb" Inherits="Test4" EnableEventValidation="false" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="webAnmeldung.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" >
    </asp:ScriptManager>
    
    <asp:Label ID="C_Info_Label1" runat="server" Text=""></asp:Label><br />
    <asp:UpdatePanel ID="C_1_UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
    
    <div style="width:100%; height:250px;">
       <asp:Label ID="C_Info_Label2" runat="server" Text=""></asp:Label><br />

       <asp:Wizard ID="C_Wizard1" runat="server" Width="600px" 
        HeaderText="Anmeldung/Registration" 
        HeaderStyle-BackColor="Silver" DisplayCancelButton="True">
            
            <WizardSteps>
                <asp:WizardStep ID="C_WizardStep1" StepType ="Start" Title="Step 1" >
                </asp:WizardStep>

                <asp:WizardStep ID="C_WizardStep2" StepType ="Auto" Title="Step 2" >
                                   
                    <asp:UpdatePanel ID="C_3_UpdatePanel1" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <asp:DropDownList Width="236" runat="server" id="C_3bTeam_DropDownList1">
                            <asp:listitem Value="0" text="Kein Team (0)" Selected="True"></asp:listitem>
                            <asp:listitem Value="10" text="URC Bikestore (10)"></asp:listitem>
                            <asp:listitem Value="11" text="Trek 1 (11)"></asp:listitem>
                        </asp:DropDownList>
                    </ContentTemplate>
                    </asp:UpdatePanel> 
                    
                    <br />
                    <asp:LinkButton ID="C_3cTeamNeu_LinkButton1" runat="server" Text="Neues Team"></asp:LinkButton>
                    <br />
                    
                    <asp:UpdatePanel ID="C_5_UpdatePanel1" runat="server" UpdateMode="Conditional">
                        <ContentTemplate>
                        <input id="dummy" type="button" style="display: none" runat="server" />
                        <cc1:ModalPopupExtender ID="C_ModalPopupExtender1" runat="server"
                         TargetControlID="dummy"
                         PopupControlID="C_Panel1"
                         BackgroundCssClass="modalBackground"
                         DropShadow="true"
                         OkControlID="C_3cTeamRegAbs_Button1"
                         CancelControlID="C_3cTeamRegAbbr_Button1" Enabled="true">
                         </cc1:ModalPopupExtender> 
                        
                        <asp:Panel ID="C_Panel1" runat="server" Width="233px" CssClass="modalPopup" style="display:none;">
                        <asp:TextBox Width="230" runat="server" id="C_3cTeamName_TextBox1" MaxLength="30" ></asp:TextBox>
                        <br /><br />
                           <div align="center">
                              <asp:Button ID="C_3cTeamRegAbs_Button1" runat="server" Text="OK" onclick="Absenden" />
                              <asp:Button ID="C_3cTeamRegAbbr_Button1" runat="server" Text="Cancel" onclick="Abbrechen"/>
                           </div>
                         </asp:Panel> 
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="C_3cTeamRegAbs_Button1" EventName="Click" />
                            <asp:AsyncPostBackTrigger ControlID="C_3cTeamRegAbbr_Button1" EventName="Click" />
                        </Triggers>                 
                     </asp:UpdatePanel>
                    
                </asp:WizardStep>
                
                <asp:WizardStep ID="C_WizardStep3" StepType ="Finish" Title="Step 3"  >
                </asp:WizardStep>
                
            </WizardSteps>
            
        </asp:Wizard>
        </div>
         
         
        </ContentTemplate>
        </asp:UpdatePanel> 

    </form>
</body>
</html>

[CODE]
    Protected Sub C_3cTeamNeu_LinkButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles C_3cTeamNeu_LinkButton1.Click

        Me.C_3cTeamName_TextBox1.Text = ""
        Me.C_ModalPopupExtender1.Show()
        Me.C_5_UpdatePanel1.Update()

    End Sub


    Protected Sub Absenden(ByVal sender As Object, ByVal e As EventArgs)
        Dim lstTeam As New SortedList(Of Integer, String)

        lstTeam.Add(1, "Team Trek 1")
        lstTeam.Add(2, "Team Merida 2")

        Me.C_3bTeam_DropDownList1.DataSource = lstTeam
        Me.C_3bTeam_DropDownList1.DataValueField = "Key"
        Me.C_3bTeam_DropDownList1.DataTextField = "Value"
        Me.C_3bTeam_DropDownList1.DataBind()


        Me.C_3_UpdatePanel1.Update()
        Me.C_ModalPopupExtender1.Hide()
    End Sub
[/CODE]

      Comment

      Previous template Next
      Working...
      X