Wie erreicht man das Bearbeiten und Löschen auf Webgrid von MVC3 Razor?

Question

Aug 22, 2012, 07:41 AM

Wie erreicht man das Bearbeiten und Löschen auf Webgrid von MVC3 Razor?

Unten habe ich den Controller, das Modell und die Ansicht angegeben. Nach dem Ausführen wird das Raster mit Werten angezeigt, aber ich muss die Werte bearbeiten und die Werte auf derselben Seite löschen. Ich habe einige Beispiele gesucht und gesehen, in denen zum Bearbeiten, Löschen sie einen separaten Index erstellen, aber meine Notwendigkeit besteht darin, zu bearbeiten und zu löschen, sollte auf derselben Seite statt auf einer anderen Seite erfolgen. Bitte geben Sie mir eine Lösung.

Regler:

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

Aussicht :

@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>