Wie die Umsetzung click-Ereignis auf textbox in asp.net?

In meinem web-Anwendung brauche ich eine Funktion, so dass, wenn Benutzer klicken Sie auf Textfeld zur Eingabe von Werten, sollte es die Taste und die anderen Felder sichtbar?

Ich bin mit dem code unten, aber konnte es nicht funktioniert.

C#:

protected void TextBox1_Click(object sender, EventArgs e)
{
    ButtonSearch.Visible = true;
}

ASP.Net:

<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged" OnClick="TextBox1_Click"></asp:TextBox>
<asp:Button ID="ButtonSearch" runat="server" OnClick="ButtonSearch_Click" Text="Search" Visible="False" />

Wie dies zu erreichen?

Dank

InformationsquelleAutor user1144852 | 2014-05-13
  1. 2

    Set AutoPostback="True". Diese Weise das Ereignis wird ausgelöst server-Seite, und die Schaltfläche wird sichtbar.

    <asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"     OnClick="TextBox1_Click" AutoPostBack="true"></asp:TextBox>

    Jedoch, wenn Sie nur wollen, um Toggle-visility eine Schaltfläche, die Sie sollten wirklich rücksichtsvoll javascript. Dadurch sparen Sie eine Reise zurück an den server.

    <asp:TextBox onclick="txtBox1_ClientClicked()" ID="TextBox1" runat="server" OnClick="TextBox1_Click"></asp:TextBox>

<asp:Button ID="ButtonSearch" runat="server" OnClick="ButtonSearch_Click" Text="Search" style="display:none;" />

<script type="text/javascript">
    function txtBox1_ClientClicked(){
        var theButton = document.getElementById('<%=ButtonSearch.ClientID%>');
        theButton.style.display = 'block';
    }
</script>
    • funktioniert nicht...
    InformationsquelleAutor Justin Lessard
  2. 0

    Brauchen Sie nicht die post zurück an den server zu erreichen, Ihren job. Sie können client-Seite onFocus event und javascript/jquery, zum Beispiel.

    Ich weiß, dass ich ein input vom Typ text, und benutzen Sie ein ASP-Steuerelement, welche Beiträge auf server, aber hier ist ein JSFiddle, um Sie auf die richtige Spur: http://jsfiddle.net/Mmjtz/1/

    InformationsquelleAutor stripthesoul
  3. 0
    $("<%= ButtonSearch.ClientID %>").click(function(){
$("#TextBox1").show():
});

    In diesem code, den Sie brauchen, um passieren Felder ID, die Sie wollen, sichtbar auf dem klicken der Schaltfläche.

    InformationsquelleAutor Anirudha Gupta
  4. 0

    [jQuery] (http://jquery.com/) ist die perfekte Lösung für Ihr problem.

    Würde der code so etwas wie dieses :

    $("#TextBox1").on("click",function(){$("#ButtonSearch").css("visibility", "visible");})

    Du das script durch hinzufügen <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> auf die Seite und dann können Sie fügen Sie den code oben in <script></script> tags.

    Hoffe, das hilft.

    • Diese Frage sieht so albern, aber ich habe noch nie verwendet jquery vor.wo muss ich das hinzufügen dieser Teil des Codes?
    • Ich habe aktualisiert die Antwort. Lassen Sie mich wissen, wenn das Ihre Frage beantwortet.
    InformationsquelleAutor thispatchofsky
  5. 0

    Setzen die textbox innerhalb einer div und verwenden Sie die div's onClick Veranstaltung von codebehind. Es ist nicht das, was Sie gefragt, aber es funktioniert bei mir ohne Fehler. Hier ist ein javascript Funktion zu implementieren, die das Ereignis requested:

    function toggleVisibility() 
{
document.getElementById('TextBox1').disabled = true;
            /*
            ...some other code...
            */
}

    Und natürlich, Sie haben, um zu definieren, Ihre onclick Veranstaltung im div definition nach der Umsetzung dieser JS-Funktion.

    <div id="TBdiv" onClick="toggleVisibility()">
<asp:TextBox ID="TextBox1"..../>
</div>

    WICHTIG: Da Sie nun deaktiviert Ihr TextBox von codebehind für Sie haben, damit Sie irgendwo bevor Sie es wieder verwenden. Sonst werden Sie nicht sehen, während die Seite ausgeführt wird.

    InformationsquelleAutor apollo
Schreibe einen Kommentar