[C# / JS] __doPostBack is geen postback?

[PdeBie]

OK, vreemde perikelen in mijn huidige applicatie.

Situatie:
Ik heb een knop op mijn formulier 'Button1' en als ik daar op klik gaat er een client event af met daarin de volgende code:

code:

function Button1_Click(eventTarget, eventArgument) {
        if (typeof (Page_ClientValidate) == 'function') {
            return ValidateGroup('address', '<%=UpdatePanel1.ClientID %>', eventArgument);
        }
        else {
            __doPostBack('<%=UpdatePanel1.ClientID %>', eventArgument);
            return true;
        }
    }

function ValidateGroup(validationgroup, eventTarget, eventArgument) {
        Page_ClientValidate(validationgroup);        
        if (Page_IsValid)
        { 
           alert('hij is valid!');
            __doPostBack('<%=UpdatePanel1.ClientID %>', eventArgument);
        }

        return Page_IsValid;
    }

Als ik op de knop klik en ik zie dat de pagina weer in de 'Page_Load' terecht kom blijkt het geen postback te zijn, maar een normale load waardoor er code word uitgevoerd die niet uitgevoerd mag worden. Dit zie ik doordat ik check of het een postback betreft.

code:

if (!Page.IsPostBack)
//hele riedel code

Als ik de clientside javascript uitcommentarieer werkt alles wel naar behoren en doet de knop gewoon een postback.
Als ik alerts plaats binnen de javascript, komt de site wel op de juiste plaats in de code terecht. Hij komt namelijk in een alert terecht die ik voor onderstaande regel uit de functie 'ValidateGroup' zet.

code:

alert('hij is valid!');
__doPostBack('<%=UpdatePanel1.ClientID %>', eventArgument);

Iemand ideeën?

[Haan]

Geen direct antwoord op je vraag, maar ik snap niet waarom je voor deze constructie hebt gekozen? De validatie kan toch ook gewoon in de code-behind gedaan worden?

[Compuhair]

Staat UseSubmitBehavior="True" aan, terwijl dit UseSubmitBehavior="False" moet zijn, voor de specifieke control?

[PdeBie]

Haan schreef op donderdag 19 mei 2011 @ 17:07:
Geen direct antwoord op je vraag, maar ik snap niet waarom je voor deze constructie hebt gekozen? De validatie kan toch ook gewoon in de code-behind gedaan worden?

Waarom zou je niet client-side valideren?

Het systeem gaat door +/- 1200 gebruikers simultaan gebruikt worden. We willen daarom zoveel mogelijk validatie juist client-side uitvoeren. Dit bevordert o.a. de interactie met de gebruiker.
Uiteraard gebeurt de validatie ook server-side, voor het geval iemand JS uitgeschakeld heeft (al is JS wel een systeem vereiste voor onze applicatie).

@CompuHair: als ik UseSubmitBehaviour op false zet, dan doet de knop geen postback meer. Dit kan hem in de javascript zitten. Dit ga ik onderzoeken.

[Voor 10% gewijzigd door PdeBie op 20-05-2011 09:04]

[Woy]

Probeer eerst eens met een sniffing tool te kijken of de browser daadwerkelijk een post uitvoert of niet. Als dat niet het geval is, dan moet je in de Javascript gaan kijken. Word er wel een postback uitgevoerd, dan is het misschien iets serverside's

[PdeBie]

Hij doet wel een postback zie ik, want hij komt in de Page_Load en IsPostBack is true. De event handler van de knop gaat niet af zie ik.

AutoEventWireUp ofzo waar dit in kan zitten? Hier heb ik niet aangezeten, dus dit zou dan toch default op True moeten staan?

[Woy]

Het is ook logisch dat de event-handler van de knop niet uitgevoerd word, want die word niet als source van de postback gezien.

JavaScript:

__doPostBack('<%=UpdatePanel1.ClientID %>', eventArgument)

[Voor 8% gewijzigd door Woy op 20-05-2011 09:27]

[PdeBie]

doh!

Tijd voor koffie denk ik

[PdeBie]

opgelost! De laatste tip van Woy was de oplossing.

JavaScript:

function Button1_Click(eventTarget, eventArgument) {
    if (typeof (Page_ClientValidate) == 'function') {
        return ValidateGroup('address', eventTarget, eventArgument);
    }
    else {
        __doPostBack(eventTarget, eventArgument);
        return true;
    }
}

function ValidateGroup(validationgroup, eventTarget, eventArgument) {
    Page_ClientValidate(validationgroup);        
    if (Page_IsValid)
    {
        __doPostBack(eventTarget, eventArgument);
    }

    return Page_IsValid;
}

knop:

HTML:

<asp:Button ID="Button1" runat="server" Text="Controleer" UseSubmitBehavior="false" CausesValidation="true" OnClientClick="javascript:return Button1_Click(this.name, '')" OnClick="Button1_Click" />

waarbij this.name de juiste eventTarget aangeeft bij de aanroep van de functie.