Kann ich ein ASP.NET-ImageButton erstellen, das nicht postbackt?

Question

Ich versuche, das ImageButton-Steuerelement nur für die clientseitige Skriptausführung zu verwenden. Ich kann das clientseitige Skript angeben, das mit der OnClientClick-Eigenschaft ausgeführt werden soll, aber wie verhindere ich, dass es jedes Mal, wenn der Benutzer darauf klickt, versucht, einen Post zu senden? Es gibt keinen Grund zum Posten, wenn diese Schaltfläche angeklickt wird. Ich habe CausesValidation auf False gesetzt, dies verhindert jedoch nicht das Posten.

Answer 1

Hier ist eine Art und Weise Sie es ohne in Konflikt mit dem Postback Funktion anderer Kontrollen tun könnte:

Definieren Sie Ihre Taste etwas wie folgt aus:

<asp:Button runat="server" Text="Button" UseSubmitBehavior="false" OnClientClick="alert('my client script here');my" /> 

Die „my“ in der Prozedur endet für OnClientClick ist eine Möglichkeit, das __doPostBack-Client-Ereignis von asp.net umzubenennen, das das Postback erzwingt; wir einfach das Verhalten außer Kraft setzen, indem nichts Vergleichbares zu diesem Skript zu tun:

<script type="text/javascript"> 

function my__doPostBack(eventTarget, eventArgument) { 
    //Just swallow the click without postback of the form 
} 
</script> 

Edit: Yeesh, ich fühle mich wie ich eine Dusche, nachdem einige der schmutzigen Tricks nehmen müssen, dass ich, um ziehen müssen asp zu bekommen. net zu tun, was ich will.

Answer 2

<image src="..." onclick="DoYourThing();" /> 

Answer 3

eine serverseitige Bildsteuerung

<asp:Image runat="server" .../> 

Ziemlich sicher Verwenden Sie den Client onclick Ereignis, dass hinzufügen.

Answer 4

wäre eine andere Lösung, die eine PostBackUrl zu definieren, die nichts

<asp:imagebutton runat="server" PostBackUrl="javascript:void(0);" .../> 

Answer 5

weiß ich dieses Problem bereits beantwortet worden, aber eine einfache Lösung ist aus dem HTML-Onclick-Methode (dh die ASPX OnClientClick Methode) false zurück z.B

Die Rückgabe false verhindert, dass der Browser die Anfrage an den Server i.s. stoppt das .NET-Postback.

Answer 6

Dies funktioniert gut für mich:

Verwenden OnClientClick Ihr Skript zu schreiben und PostBackUrl="javascript:void(0);" Postbacks zu vermeiden.

<div class="close_but"> 
    <asp:ImageButton ID="imgbtnEChartZoomClose" runat="server" ImageUrl="images/close.png" OnClientClick="javascript:zoomclosepopup();" PostBackUrl="javascript:void(0);" /> 
    </div> 

Answer 7

Lösung 1

<asp:ImageButton ID="btn" runat="server" ImageUrl="~/images/yourimage.jpg" 
OnClientClick="return false;" /> 

OR Lösung 2

<asp:ImageButton ID="btn" runat="server" ImageUrl="~/images/yourimage.jpg" 
OnClientClick="yourmethod(); return false;" /> 

Zusätzlich (Lösung 2), sie JavaScript Verfahren in dieser Form sein kann

<script type="text/javascript"> 
    function yourmethod() { 
    __doPostBack (__EVENTTARGET,__EVENTARGUMENT); //for example __doPostBack ('idValue',3); 
    } 
</script> 

in Code hinter

protected void Page_Load(object sender, System.EventArgs e) 
{ 
    if (this.IsPostBack) { 
     string eventTarget = this.Request("__EVENTTARGET") == null ? string.Empty : this.Request("__EVENTTARGET"); 
     string eventArgument = this.Request("__EVENTARGUMENT") == null ? string.Empty : this.Request("__EVENTARGUMENT"); 
    } 
} 

Answer 8

Verwenden OnClientClick Ihr Skript und PostBackUrl = schreiben "javascript: void (0);" Postback vermeiden