Invoke-Methode Aktion aus Klicken auf eine Schaltfläche im ASP.NET MVC

Möchte ich wissen, wenn ich eine Methode aufrufen in der Steuerung auf, wenn eine Schaltfläche geklickt wird.

Ich habe eine Ansicht mit der Bezeichnung home und wenn die Ansicht geladen wird, ruft es die Index action-Methode des Controllers. Ich habe eine Button (HTML oder ASP.NET) genannt LoadData. Wenn ich auf die Schaltfläche klicke, ich brauche zu laden, einige Daten in der gleichen view genannt Home.

Wie mache ich das?

Ich bearbeitet habe aus der falschen Terminologie. Mit ASP.NET MVC, verwenden Sie nicht ASP.NET steuert - button oder sonst. Dies ist nicht ASP.NET -die Heimat.aspx ist nicht einer Seite-es ist eine Ansicht. Es hat nicht wirklich entsprechen, eine physikalische Seite. Das ist eine wichtige Unterscheidung.

InformationsquelleAutor superachu | 2009-12-22

1

Mit Tasten, es hat zu beinhalten JQuery oder JavaScript um einen Anruf zu tätigen, um die Daten vom server, wenn Sie wollen, um es in der AJAX-Formular. Aber in seiner einfachsten form zu tun:
```
<% Html.BeginForm("Action", "Controller"); %>

 

 <input type="submit" />

<% Html.EndForm(); %>
```
Wird aufgerufen, Ihre Aktion-Methode und rufen Sie einen postback. Es ist eine AJAX-option im System.Web.Mvc.Ajax zu verwenden AjaxForm mit AJAX-Optionen für den asynchronen postback, und es ist einfach zu setup. Ich Neige dazu, verwenden Sie stattdessen JQuery persönlich.

HTH.

InformationsquelleAutor Brian Mains
0

Zu diesem Zweck mit einem einfachen post, die Sie gerade brauchen, um post an die URL, unter der die controller-Methode vorhanden ist.

Beispielsweise folgende standard-Strecken-setup in Ihrem global.asax "{controller}/{action}/{id}"

Wenn Sie eine controller-Methode in Ihrem HomeController Klasse namens "LoadData" dann würden Sie Zugriff auf die URL:

/Home/LoadData

Dies ist die URL, die Sie würde in Ihren Formen action Attribut.

Können Sie auch Treffer diese URL mithilfe eines AJAX-request zum laden der Daten in die gleiche Seite, du bist auf ohne postback.

Mit jQuery könnte man etwas machen wie:
```
$('#myForm').submit(function() {
                   $.post(
                            this.action,{params},
                            function(data){ //do something with return info }
                  }
```
Ja, ich wusste, dass ich es tun kann, mit Hilfe von jQuery, aber zuerst versuche ich, die Arbeit mit asp.net erst dann bewegen, um jQuery.

InformationsquelleAutor Jamie Dixon

Definieren Sie zwei Aktion eine Karte für die leere Ansicht und eine für das Auffüllen der Ansicht, mit einer Liste :

public ViewResult Empty()
    {
        var products = productsRepository.Products.Where(x => x.ProductID == -1);
        return View();
    }

und :

public ViewResult ListAll()
    {
        var products = productsRepository.Products;
        return View("Empty", products);
    }

und Ihr Blick Leer.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<DomainModel.Entities.Product>>" %>

Leer

<h2>Empty</h2>

<table>
    <tr>
        <th></th>
        <th>
            ProductID
        </th>
        <th>
            Name
        </th>
        <th>
            Description
        </th>
        <th>
            Price
        </th>
        <th>
            Category
        </th>
        <th>
            ImageMimeType
        </th>
        <th>
            Error
        </th>
    </tr>

<% if (Model != null) 
   {
       foreach (var item in Model)
       { %>

    <tr>
        <td>
            <%= Html.ActionLink("Edit", "Edit", new { id = item.ProductID })%> |
            <%= Html.ActionLink("Details", "Details", new { id = item.ProductID })%>
        </td>
        <td>
            <%= Html.Encode(item.ProductID)%>
        </td>
        <td>
            <%= Html.Encode(item.Name)%>
        </td>
        <td>
            <%= Html.Encode(item.Description)%>
        </td>
        <td>
            <%= Html.Encode(String.Format("{0:F}", item.Price))%>
        </td>
        <td>
            <%= Html.Encode(item.Category)%>
        </td>
        <td>
            <%= Html.Encode(item.ImageMimeType)%>
        </td>
        <td>
            <%= Html.Encode(item.Error)%>
        </td>
    </tr>

<% }
   }%>

</table>

<p>
    <%= Html.ActionLink("List Products", "ListAll")%>

</p>

hoffe, das hilft

Wie das funktioniert? Wie beim "ListAll" - link geklickt wird, wird die "ListAll" - Methode löst oder was? Und was ist "ViewResult" Klasse bedeuten?
ja, wenn der ListAll-link geklickt wird der ListAll-Methode aufgerufen. es gibt einige kin der Folge, dass die action-Methode zurückgeben kann einer von Ihnen ist der Ansicht, damit ViewResult zurück, ein Blick hier Leer.aspx-Ansicht mit der Liste der Produkte als ViewModel. als seine zeigt, Sie sind sehr neu in der MVC, so dass ich empfehlen ein Sie, einen Blick auf die asp.net/MVC finden Sie tolle viedos und tutorials gibt, und Sie können Ihre Frage stellen an ASP.NET MVC-Forum (forums.asp.net/1146.aspx), um die richtigen Antworten, wenn mir nicht gut genug. hoffe, das hilft.

InformationsquelleAutor ali62b

Du hast geschrieben der Controller wie folgt.

public class HomeController : Controller
{

    public ActionResult Index()
    {
        return View();
    }

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult FetchData()
    {
        return Content("Some data...");
    }

}

Und rufen Sie die gewünschte Aktion wie folgt.

<% using (Ajax.BeginForm("FetchData", new AjaxOptions() { UpdateTargetId = "ContentPlaceHolder", HttpMethod = "Post" }))
   { %>
<div id="ContentPlaceHolder"></div>
<input type="submit" value="Fetch Data" />
<% } %>

<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>

InformationsquelleAutor Mehdi Golchin

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.