Update-Panel und löst aus der ein repeater-Steuerelement

Hi ich fand code, die der folgenden ähnlich online. Es scheint wirklich ideal für eine Schaltfläche begraben in einem repeater-Steuerelement zum auslösen eines vollen Zyklus zurück an den server.

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
        </asp:ScriptManager> 

        <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
            <ContentTemplate> 
                <%=DateTime.Now.ToString() %> 
            </ContentTemplate> 
            <Triggers> 
                <asp:PostBackTrigger ControlID="HiddenButton" /> 
            </Triggers> 
        </asp:UpdatePanel> 

        <!--Make a hidden button to treat as the postback trigger--> 
        <asp:Button ID="HiddenButton" runat="server" Style="display: none" Text="HiddenButton" /> 


        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1"> 
            <ItemTemplate> 
                 <!--when cick the button1, it will fire the hiddenButton--> 
                <asp:Button ID="Button1" Text="Trigger" CommandArgument='<%# Eval("Id") %>' OnClientClick="$get('HiddenButton').click();return false;" 
                    runat="server" /> 
            </ItemTemplate> 
        </asp:Repeater>

Verwendet es eine hiddenButton um dies zu erreichen, verknüpfen Sie das click-Ereignis von der original-Taste, um diese ein. Aber meine zusätzlich wurde die Einstellung der CommandArgument der Schaltfläche. Ich würde auch das set für die HiddenButton.

Kennt jemand einen Weg zu gehen über diese?

Ich poste diese als Kommentar anstatt einer Antwort, als ich bin mir nicht sicher, ob es wird funktionieren, aber Sie könnten versuchen, dieser Vorschlag erstellen Sie Ihre eigenen attribute und Einstellung, die.
Ich glaube nicht, dass du auch javaScript notwendig. Entfernen HiddenButton und <Trigger> Wenn Sie auf “Button" , das updatepanel aktualisiert wird. Also meinst du eine benötigen Sie ein AsyncPostBackTrigger ?

InformationsquelleAutor Coder 2 | 2011-04-18

12

Erste ich mag zu erklären, die Disadvantage mit der Update Panel mit dem gleichen Beispiel von dir geposteten.

Unten ist der Original-Code

Ausgabe

Zur Anzeige des 22 Zeichenkette, die Sie können überprüfen, wie viel Daten empfangen und zum server gesendet. Stell dir vor, folgenden
1. Wenn Sie denken würden, senden Sie jede Anfrage Database mit Update Panel und Ihre GridView ist in Update Panel!!!!!!
2. Angenommen, Sie verwenden würden ViewState Daten für jede Anforderung und mit GridView Inside the Update Panel.
Beide der oben genannten Techniken am schlimmsten sind nach meiner Verständnis.

Nun werde ich beschreiben Sie Page Methods

Seite Methode über Update-panel

Page Methods ermöglichen ASP.NET AJAX Seiten direkt ausführen Page’s Static Methods mit JSON (JavaScript Object Notation). Statt der Entsendung zurück und dann receiving HTML markup vollständig zu ersetzen unsere UpdatePanel’s contents können wir eine Web Method auf Anfrage nur die information, dass wir interessiert sind.

Beispielcode

Ausgabe

Hoffe, das verdeutlicht den Unterschied der Nutzung.

Antwort auf die ursprüngliche Abfrage

Müssen Sie sich registrieren, die ItemDataBound Veranstaltung der unten Repeater und folgenden code verwenden, für den es.

Code Hinter
```
protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || 
                           e.Item.ItemType == ListItemType.AlternatingItem)
    {
        Button btn = (Button)e.Item.FindControl("Button1");
        btn.OnClientClick = string.Format("SubmitButton('{0}');return false;"
                                                        , HiddenButton.ClientID);

    }
}
```
JavaScript
```
<script type="text/javascript">
     function SubmitButton(btn)
     {
         $("#" + btn).click(); 
     }
</script>
```
//Alternative
```
<script type="text/javascript">
     function SubmitButton(btn)
     {
         document.getElementById(btn).click(); 
     }
</script>
```
Referenz & Hier

InformationsquelleAutor Pankaj

Ihre HiddenButton control ist ein server-Steuerelement, aber Sie versuchen, es in JQuery verwenden es ASP.Net ID,

<asp:Button ID="Button1" Text="Trigger" CommandArgument='<%# Eval("Id") %>' OnClientClick="$get('**HiddenButton**').click();return false;" 
                runat="server" />

Einen schnellen Weg, um es zu beheben ist, um eine separate Funktion,

<script type="text/javascript">
function SubmitButton(btn)
{
     $get("#" . btn).click(); 
}
</script>

und ändern Sie Ihren button-code ,

<asp:Button ID="Button1" Text="Trigger" CommandArgument='<%# Eval("Id") %>' 
                runat="server" />

In code-hinter, - repeater, der das ItemDataBound-Ereignis, finden Sie die Schaltfläche und HiddenControl und set Button1 ' s OnClientClick-Eigenschaft,

Button1.OnClientClick= string.Format("SubmitButton('{0}');return false;",HiddenButton.ClientID);

InformationsquelleAutor Beenish Khan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Unten ist der Original-Code

Ausgabe

Seite Methode über Update-panel

Beispielcode

Ausgabe

Antwort auf die ursprüngliche Abfrage

Code Hinter

JavaScript

//Alternative