Kann ich eine erstellen ASP.NET ImageButton, der nicht postback?

Ich versuche, die ImageButton-Steuerelement für client-side script execution only. Ich kann angeben, die client-seitiges script auszuführen, mit dem OnClientClick-Eigenschaft, aber wie verhindere ich, dass Sie versuchen, zu posten, jedes mal, wenn der Benutzer darauf klickt? Es gibt keinen Grund zu posten, wenn diese Schaltfläche geklickt wird. Ich habe CausesValidation auf False, das bedeutet aber nicht aufhören, es zu veröffentlichen.

Jeder Grund, nicht zu verwenden Sie einfach das onclick-event des img-tag?
Ich möchte es wenn möglich vermeiden. Diese Schaltfläche ist tief, Komplex und basiert auf der server-Seite.

InformationsquelleAutor Giffyguy | 2010-04-24

4

Hier ist eine Möglichkeit, Sie könnten es tun, ohne in Konflikt mit dem postback Funktion der anderen Steuerelemente:

Definieren Sie Ihre-Taste, so etwas wie dieses:
```
<asp:Button runat="server" Text="Button" UseSubmitBehavior="false" OnClientClick="alert('my client script here');my" />
```
"Mein" endet in der Prozedur für OnClientClick ist ein Weg, um alias asp.net's __doPostBack-client Ereignis, zwingt das den postback; wir haben einfach überschreiben das Verhalten durch nichts zu tun, ähnlich wie dieses Skript:
```
<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 brauche, um eine Dusche zu nehmen, nachdem einige von den schmutzigen tricks, die ich ziehen müssen, um zu bekommen, asp.net zu tun, was ich will.
- "Mein" trick arbeitete für mich, aber so war es auch "return false" am Ende, das gab mir das Gefühl weniger eklig
- Ich habe das gleiche problem... stackoverflow.com/questions/25979847/.... Ich bin zu testen Sie Ihre Lösung jetzt.
InformationsquelleAutor Pierreten
19

Ich weiß dieses problem wurde schon beantwortet, aber eine einfache Lösung "false" zurückgegeben, aus dem HTML-onclick-Methode (d.h. die ASPX-OnClientClick-Methode) z.B.
```
<asp:ImageButton ID="ImageNewLink" runat="server" 
 ImageUrl="~/images/Link.gif" OnClientClick="DoYourStuff(); return false;"  />
```
Rückgabe von false beendet den browser, der die Anfrage an den server zurück ich.s. Stoppt die .NET postback.
- Ich würde gerne vorschlagen eine zusätzliche option der OnClientClick="return DoYourStuff();". Dann false zurückgeben, innerhalb von DoYourStuff(). Auf diese Weise DoYourStuff kann true oder false zurück, abhängig von anderen Faktoren und potenziell immer noch erlauben, den postback für bestimmte Bedingungen.
- Wenn ich mehrere buttons in einer GridView, mine funktioniert nur das erste mal und zu jeder Zeit nach, wird die Funktion nicht ausgelöst. stackoverflow.com/questions/25979847/...
- Das ist, was ich zuerst versucht, aber aus irgendeinem Grund funktioniert es nicht. Obwohl, wenn ich die return false; im OnClientClick als CodeClimber vorgeschlagen, es funktioniert.
InformationsquelleAutor CodeClimber
2

Andere Lösung wäre, sich zu definieren PostBackUrl, die nichts tut,
```
<asp:imagebutton runat="server" PostBackUrl="javascript:void(0);" .../>
```
InformationsquelleAutor sarghir
1
```
<image src="..." onclick="DoYourThing();" />
```
- Das wäre perfekt, außer, dass dieser button gebaut wird dynamisch auf der server-Seite, und muss ein .NET-Objekt.
- Kann man immer ein asp:Literal Kontrolle auf Ihrer Seite, und im code hinter dynamisch festlegen, text, d.h.: myLiteral.Text = "<img src=\"asdf\" onclick=\"DoYourThing();\" />";
InformationsquelleAutor John Gietzen
1

Verwenden Sie eine server-side-Image-control -
```
<asp:Image runat="server" .../>
```
Ziemlich sicher, dass Sie fügen Sie die client - onclick Ereignis, dass.

InformationsquelleAutor mxmissile

Lösung 1

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

BZW.
Lösung 2

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

Zusätzlich (Lösung 2), javascript-Methode kann in dieser form

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

in der code-behind -

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");
    }
}

InformationsquelleAutor Vincenzo Costa

Dies funktioniert gut für mich:

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

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

InformationsquelleAutor Somnath Kharat

0

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

InformationsquelleAutor PRADEEP SINGH Chundawat

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.