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?
Was empfehlen Sie anstelle von webgrid?
InformationsquelleAutor Sham | 2012-08-22
Du musst angemeldet sein, um einen Kommentar abzugeben.
@Yasser, ist es sehr gefährlich, zu implementieren, zu LÖSCHEN, die über einen link BEKOMME. Eine Suchmaschine das Crawlen der Seite könnte zu löschen alle Ihre Informationen.
Ist es viel besser zu implementieren, die eine POST-operation. Hier ist ein Beispiel:
In der Ansicht:
In der Steuerung:
InformationsquelleAutor Dror
Hier ist etwas, das Sie beginnen können mit,
Müssen Sie zunächst erzeugen Sie zwei action-link namens "Bearbeiten" und "Löschen" zusammen mit jedem Datensatz in der webgrid.
Sehen dieses tutorial.
sowas
Hoffe, das hilft.
InformationsquelleAutor Yasser
Hier gehen Sie...
http://www.dotnet-tricks.com/Tutorial/mvc/E2S9150113-Enhancing-WebGrid-with-Insert-Update-and-Delete-Operations.html
Ich denke, Sie sind auf der Suche für diese.
InformationsquelleAutor Learner
Können Sie versuchen, diese inline-editierbaren gridview mit asp.net mvc und knockoutjs:
http://www.anhbui.net/blog?id=kojs-1
InformationsquelleAutor Anh Bui