MVC Series 14-Backstage My Articles page

Backstage my list of articles--myindexlist

1. Edit the Action--myindexlist in Articlecontroller and edit the corresponding view

2. admin-Article management function-articlelist

3. Article editing function-edit

5. Article delete function-delete

(1) Write a JS function and put it in the Scripts/validations.js file.

function Delete (ArticleID) {

if (Confirm ("OK to delete?") ")) {

url = "/article/delete";

Parameter = {Id:articleid};

$.post (URL, parameter, function (data) {

Alert ("Delete succeeded! ");

window.location = "/article/myindexlist";

});

}

}

(2) Add JS reference to the Background Article List page

@section headersection{

<script src= "~/scripts/jquery-1.10.2.min.js" ></script>

<script src= "~/scripts/validations.js" ></script>

}

(3) Modify Delete hyperlink

@Html. ActionLink ("delete", "delete", new {id=item.id})

Switch

<input type= "button" onclick= "Delete (@item. ID)" value= "delete" class= "btn Btn-link"/>

(4) Add Delete method in Articlecontroller

[HttpPost]

Public ActionResult Delete (int? id)

{

Models.article art = db. Articles.find (ID);

Db. Articles.remove (art);

Db. SaveChanges ();

Return redirecttoaction ("Myindexlist");

}

MVC Series 14-Backstage My Articles page