So ändern Sie WebGrid-Aktion für erste-Daten (.NET MVC3)

Habe ich eine Partial View rendert WebGrid. Mein controller sieht aus wie 

public ActionResult Index()
{
    return View();
}
public ActionResult GetUserList(int? page, string sort, string sortdir)
{
    var model = UserModel.getList(page,sort,sortdir);
    return PartialView("_UserList",model);
}

Index.cshtml :

....
@Html.Action("GetUserList")

Das problem ist, dass jedes mal, wenn ich auf grid-navigation oder Sortieren von links ruft es Index Methode. Wie kann ich machen, Webgrid zu führen eine andere Aktion (GetUserList in diesem Fall)? Ich bin sicher, ich kann prepend GetUserList alle links im Netz mit Hilfe der jquery, aber ich glaube, es sollte einen besseren Weg geben.

Es ist auch möglich, dass das, was ich Tue, ist völlig falsch, also danke für Eure Vorschläge.

InformationsquelleAutor a1ex07 | 2011-05-11
  1. 5

    Nach viel monkeying um und Graben (und auch das hantieren mit Reflektor, mit WebGrid source-code), kam ich zu dem Schluss, dass mit WebGrid, Sie können nicht Steuern/ändern Sie die Header-link-Aktion.

    Erstellen der header-link-URL, der Pfad wird aus HttpContext.Request.Path, so gibt es keinen Weg, um es auf eine andere route.

    Einer sehr hässlicher hack wäre zu erschließen, um jQuery-Ajax-events (da die header-link jQuery verwendet.Last Sortieren) und überschreiben Sie die URL:

    <a href="#" onclick="$('#myGrid').load('/?sort=AlbumId&amp;sortdir=ASC&amp;__=634486582282704242 #myGrid');">Album Id</a>

    Bessere Lösung wäre die Verwendung von:

    • Telerik Grid können Sie angeben, individuelle Routen und bietet auch viel mehr Flexibilität bei der Umsetzung Ihrer layout -
    • oder MvcContrib Grid (nicht sicher, ob dies können Sie ändern, Kopfzeile links, aber auf jeden Fall bietet mehr Flexibilität als WebGrid)
    • Ich glaube nicht, dass dies hilft beim Sortieren oder paging-gemäß der ursprünglichen Frage...
    • Du hast Recht. Ich habe einige Graben um und aktualisiert meine Antwort mit den Ergebnissen.
    • Nette Antwort, danke!
    • Ja, es war eine gute übung auch!
    • Danke, spart mir die Zeit mit der Suche in diesem. Jetzt habe ich zu entscheiden, wie man sich es. Die URL-es ist das schlagen bewirkt, dass zu viel Inhalt für den round-trip. Also, ich brauche einen besseren Weg finden.
    InformationsquelleAutor Mrchief
  2. 2

    @MrChief hatte die Idee oben über den hässlichen hack...ich leg das zusammen. Hier ist der Haupt-code, die ich verwendet, um dies zu tun. Es tut, in der Tat, entführen die ajax-Aufruf, bevor es auf den Draht. Der Schlüssel ist, ändern Sie die URL, die ist immer geschickt, weil die Gitter zu greifen, die URL aus HttpContext.Anfrage.Pfad. und stecken Sie es in die onclick-für das anchor-element.

    Lege ich diese in mein main common.js und einfach befestigen Sie eine Funktion zur Erfassung der ajaxSend Ereignis, das geschieht, kurz bevor die Daten gesendet werden.

    //Used to hijack the sending of all AJAX calls.  Before it sends the call to the server, it checks to see if the 
//active element (the element that prompted the call) is marked with a given class.  If so, then it will perform
//the given operation.  
$(document).ajaxSend(function (event, jqXHR, ajaxOptions) {

    var activeElement = document.activeElement;

    if ($(activeElement).attr('redosorturl') != null) {

        //If this is a sort anchor link from a grid that needs to have the sort link redone, do it here.
        //the code is in the eipGrip.js file.
        if ($(activeElement).attr('redosorturl').toString() == 'redoSortURL') {
            var newURL = RedoGridSortURL(activeElement, ajaxOptions.url.toString());
            ajaxOptions.url = newURL.toString();
        }
    }

    return false;
});

    Beim Rendern der Seite, ich habe markiert den tag in der Spalte header, der enthält die falsche URL mit einer Klasse namens "redosorturl', so weiß ich, wenn ich hijack den ajax-Aufruf, der Betrieb hat zu sein getan auf dieses element. Ich habe dann eine benutzerdefinierte Funktion aufzurufen, das gibt mir die richtige URL, dann die ajaxOptions.url wird dann überarbeitet, die neue URL.

    Habe ich zu übergeben, die activeElement zu, dass die rewrite-Funktion, so kann ich die traverse den DOM, um die grid-information, wo ich Daten wie der controller und die action-Methode, die verwendet wird, zusammen mit und IDs und andere Informationen, die ich für die URL. Ebenfalls, ich pass in die aktuelle url-Zeichenfolge, weil die Gitter Spritzen, ein token am Ende der url, die ich parse aus und setzen Sie auf die neue url.

    InformationsquelleAutor Catchops
  3. 2

    Ihre Schlussfolgerung ist nicht richtig. Müssen Sie nur wickeln Sie Ihre webgrid mit einem Get-Formular:

    using (Html.BeginForm("GetUserList", "ThingaMaBob", System.Web.Mvc.FormMethod.Get))
{
 var grid = new WebGrid(
...
));

    Html.Hidden(grid.SortFieldName, grid.SortColumn);
    Html.Hidden(grid.SortDirectionFieldName, grid.SortDirection == SortDirection.Ascending ? "ASC" : "DESC");
}

    Die hiddens sind, so dass die Art von dir und Sortieren Feld am Ende in parseable form in den querystring. Sie am Ende mit urls wie localhost/ThingaMaBob/GetUserList?someotherfields=was=&sort=city&sortdir=ASC

    • Ich habe versucht, es funktioniert nicht. mit Mvc4
    • Weiß nicht, was zu sagen... und so haben wir es in unser Produktions-grid.
    InformationsquelleAutor Brian White
  4. 0

    Wenn Sie entfernen [HttpPost] - Attribut und lassen Sie die route zu kommen, um die gleiche Funktion. finden Sie die Request["page"] - Wert in der Methode. dies ermöglicht es Ihnen, setzen Sie ein Häkchen auf Anfrage["Seite"] - Wert.

    InformationsquelleAutor Irfan
Schreibe einen Kommentar