MVC 3 Ajax.ActionLink mit JQuery UI-Bestätigungsdialog

7

Ich habe einen @ Ajax.ActionLink, der eine Löschaktion aufruft. Jetzt möchte ich JQuery UI Dialog verwenden, bestätigen Sie stattdessen das reguläre Attribut "Confirm" des Ajax Links. Ich hake das Ereignis an den Ajax.ActionLink mit dem unaufdringlichen JavaScript. Aber die Aktion wird gesendet und die e.preventDefault (); durchläuft einen Fehler. Kann mir jemand sagen, warum das passiert?

Hier ist mein jQuery-Code:

%Vor%

Hier ist mein MVC-Code:

%Vor%     
Shuaib 26.05.2011, 03:30
quelle

6 Antworten

4

Ich habe das getan: Ändere Ajax.ActionLink in Html.ActionLink und rufe in meinem JavaScript-Code $.get(theHREF, null, function () { refreshList() });

auf

Hier ist der Code:

%Vor%

Hier ist der MVC 3 ActionLink

%Vor%     
Shuaib 27.05.2011, 01:09
quelle
13

So habe ich die confirm-Funktionalität mit jquery UI implementiert:

%Vor%

und in Ihrem HTML können Sie das Dialogfeld div

hinzufügen %Vor%

Ihr Aktionslink sollte so aussehen

%Vor%     
Hamid 07.06.2011 20:40
quelle
2

Sie migth benutzen stattdessen die OnBegin Eigenschaft OnSuccess , das ist nur ein einfaches Beispiel, aber es könnte Ihnen helfen, so erkläre ich meinen Ajax.ActionLink link:

%Vor%

Und das könnte eine wirklich einfache Implementierung der Funktion confirmDeletion sein:

%Vor%

Grüße.

    
franco.cunza 17.11.2013 19:19
quelle
0

Versuchen Sie es stattdessen:

%Vor%

Ich würde Sie auch dringend auffordern, das HttpDelete-Verb mit einer MVC-Postback- oder Ajax-Methode zu verwenden.

    
Phil.Wheeler 26.05.2011 03:56
quelle
0

Vielleicht können Sie versuchen, eine Bestätigungsfunktion vom OnBegin -Ereignis von Ajax.ActionLink aufzurufen? Auf diese Weise können Sie den Ajax.ActionLink weiterhin verwenden. Der OnBegin even wird als data-ajax-begin -Attribut markiert, also muss jquery "attribut YourConfirmationFunction ()" diesem Attribut zuweisen und es sollte alles in Ordnung sein. Hier ist ein Beispiel für die Verwendung von OnBegin für den Bestätigungsdialog ohne jquery.

    
Alex 07.03.2012 16:33
quelle
0

Ich fand, dass es viel einfacher war, dies mit einem separaten Formular zu tun, das die Post-Daten enthält, und eine Schaltfläche, die den Dialog anzeigt und dann das Formular abschickt.

cshtml (Razor):

%Vor%

Javascripts (mit jQuery UI ):

%Vor%     
fireydude 10.06.2015 14:23
quelle

Tags und Links