Wie Sie das erreichen, Bearbeiten und löschen auf Webgrid von MVC3 Razor?

Unten habe ich den controller, model und view. After-run -, grid ist die Anzeige mit den Werten, aber ich muss die Werte Bearbeiten und löschen Sie die Werte auf der gleichen Seite. Ich habe gesucht und gesehen, einige Beispiel für editieren, löschen Sie die Erstellung von separaten index aber meine Notwendigkeit ist, zu Bearbeiten und löschen geschehen sollte, dass man auf der gleichen Seite, anstatt von einer anderen Seite. Bitte geben Sie mir eine Lösung.

Controller:

public ActionResult Index()
        {
            var PersonList = new List<Person>()
            {
            new Person(){Name="A", Age=20,Id =1},
            new Person(){Name="B",Age=45,Id =2},
            new Person(){Name="C", Age=30,Id =3},
            new Person(){Name="D",Age=55,Id =4},
            new Person(){Name="E", Age=30,Id =5},
            new Person(){Name="F",Age=25,Id =6},
            new Person(){Name="G", Age=30,Id =7},
            new Person(){Name="H",Age=25,Id =8},
            };

            return View(PersonList);
        }

Klasse :

public class Person
    {
        public string Name { get; set; }
        public int Age { get; set; }
    }

Anzeigen :

@model IEnumerable<edit.Models.Person>

@{
    ViewBag.Title = "Index";
}

<html>
<head>
<title>Index</title>
<style type="text/css">
.webGrid { margin: 4px; border-collapse: collapse; width: 300px; }
.header { background-color: #E8E8E8; font-weight: bold; color: #FFF; }
.webGrid th, .webGrid td { border: 1px solid #C0C0C0; padding: 5px; }
.alt { background-color: #E8E8E8; color: #000; }
.person { width: 200px; font-weight:bold;}
</style>
</head>
<body>
@{
var grid = new WebGrid(Model, canPage: true, rowsPerPage: 5);
grid.Pager(WebGridPagerModes.NextPrevious);
@grid.GetHtml(tableStyle: "webGrid",
headerStyle: "header",
alternatingRowStyle: "alt",
columns: grid.Columns(
grid.Column("Name", "Given Name", canSort: true, format:@<b>@item.Name</b>, style: "person"),
grid.Column("Age", "How Old?", canSort: true)
));
}
</body>
</html>
Ich empfehle Sie nicht zu benutzen, webgrid, denn es ist sehr unflexibel.
Was empfehlen Sie anstelle von webgrid?

InformationsquelleAutor Sham | 2012-08-22

Schreibe einen Kommentar