Tabelle Zeile onclick-Ereignis, das ausgeführt wird codebehind

Ich habe geerbt ein ASP.NET Projekt, das die schlecht gestaltete HTML; in einem Abschnitt sind die tags gewickelt, mit einem tag zu ermöglichen "klicken Sie auf die Zeile, um die Informationen anzeigen" - Funktionalität. Der code ist:

<asp:LinkButton ID="ViewArticle" runat="server" CommandName="Navigate" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "id") %>' >
    <tr runat="server" class="list_item">
        <td>some data</td>
        <td>some data</td>
        <td>some data</td>
    </tr>
</asp:LinkButton>

Ich würde gerne etwas machen wie:

<tr runat="server" class="list_item" onclick="doRowPostbackFunction('<%# DataBinder.Eval(Container.DataItem, "id") %>');">
    <td>some data</td>
    <td>some data</td>
    <td>some data</td>
</tr>

Wie gehe ich binden ein JavaScript "onclick" - Ereignis, um die codebehind?

  • Wenn ich das richtig verstehe, wollen Sie Ihr JavaScript, um das initiieren eines server-code ("codebehind") - Methode/Funktion; Nach dem server gerendert wurde Ihrer Seite, sind Sie in der client-Bereich - und der einzige Weg, um eine Verbindung mit Ihrem server-code ist über einen web-service. Ein anderer Weg, nicht über einen web-service-rendering/Injektion die Daten vom server auf Ihrer Seite, somit haben Sie die Daten im client verfügbar.
InformationsquelleAutor Damiro | 2011-03-24
  1. 1

    Mithilfe von jQuery können Sie das folgende tun und zum auslösen eines Postbacks:

    <table>
    <tr id="1">
        <td>AAA</td>
        <td>BBB</td>
        <td>CCC</td>
    </tr>
    <tr id="2">
        <td>AAA</td>
        <td>BBB</td>
        <td>CCC</td>
    </tr>
    <tr id="3">
        <td>AAA</td>
        <td>BBB</td>
        <td>CCC</td>
    </tr>
</table>

<script type="text/javascript">
    $(function () {
        $("table tr").click(function (e) {
            //alert the row index that was clicked
            alert($("table tr").index(this));

            //alert the id of the row
            alert($(this).attr("id"));

            //submit the form...
        });
    });
</script>

    ODER verwenden Sie den onclick-Ereignis der Reihe...

    <tr onclick="doPostBack('<%#DataBinder.Eval(Container.DataItem, "id") %>')">

    ...und auslösen der javascript-Funktion.

    <script type="text/javascript">
    function doPostBack(id)
    {
        //submit form
    }
</script>
    InformationsquelleAutor Craig
  2. 0

    Könnten Sie machen Sie Ihre Seite (oder-Kontrolle, wenn die in eine Kontrolle) implementieren IPostBackEventHandler Schnittstelle, und verwenden Sie ClientScriptManager.GetPostBackEventReference Methode (mit Seite.ClientScript Anwesen, um einen Verweis auf ClientScriptManager), um eine js-Methode-Aufruf-string, wird ein postback an Ihrer Seite. Als Kontrolle argument GetPostBackEventReference-Methode verwenden, Ihre Seite.
    Legen Sie dann onclick-Eigenschaft des tr zu, dass die js-Methode-Aufruf-string.

    Beispiel

    In aspx:

    <table>
    <tr onclick="<%= _jsPostBackCall %>;">
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
</table>

<h1>
    <asp:Literal ID="litMessage" runat="server" />
</h1>

    Im codebehind:

    public partial class _Default : System.Web.UI.Page, IPostBackEventHandler
{
    protected String _jsPostBackCall;

    protected void Page_Load(object sender, EventArgs e)
    {
         //"myTr" will be passed as an argument to RaisePostBackEvent method
        _jsPostBackCall = ClientScript.GetPostBackEventReference(this, "myTr");
    }

    public void RaisePostBackEvent(string eventArgument)
    {
        switch (eventArgument)
        {
            case "myTr":
                HandleTrClick();
                break;

            //you can add other controls that need postback processing here

            default:
                throw new ArgumentException();
        }
    }

    private void HandleTrClick()
    {
        litMessage.Text = "Tr clicked.";
    }
}
    • Wow. Das sieht verwirrend. Ich werde einzutauchen und versuchen, es herauszufinden. Danke. 🙂
    • Ich fügte hinzu, ein Beispiel.
    • Danke. Ich versuche es Schritt für Schritt, aber kann nicht scheinen, um Vergangenheit <tr onclick="<%# _jsPostBackCall %>;"> In den Quelltext anzeigen sehe ich die wörtliche <%# _jsPostBackCall %>
    • Es ist nicht <%# es <%=.
    • Ich habe das gleiche Problem bei der Verwendung von <%=, also versuchte ich die <%#; der ganze rest des Codes wurde mit der <%#. So oder so, es gibt <%= _jsPostBackCall %> anstelle des JavaScript-Codes.
    • Können Sie zeigen Sie Ihre aspx-Seite?

    InformationsquelleAutor Loki Kriasus
  3. 0

    Können Sie einfach 

    __doPostBack(eventName, eventArgs);

    Hier eventName code-behind-event-handler

    InformationsquelleAutor Umesh
Schreibe einen Kommentar