Я бы изменил это, чтобы у вас была одна форма, обертывающая всю страницу, а затем используйте jQuery (например), чтобы выполнить удаление с помощью каждого нажатия кнопки «Удалить».
Ваш вывод будет выглядеть примерно так длякаждая строка:
@foreach (var fam in Model.ToList())
{
<tr id="row-@(fam.SkillId)>
<td>
@fam.Skill.SkillCategory.Description
</td>
<td>
@fam.Skill.Description
</td>
<td>
<input type="button" id="btn-@(fam.SkillId) value="Delete" class="btn btn-link btn-deleteaction" data-id="@fam.SkillId">
</td>
</tr>
}
Тогда у вас есть сценарий:
<script>
$(document).ready(function() {
$(".btn-deleteaction").on("click", function(e) {
e.preventDefault();
var deleteId = $(this).attr("data-id");
$.post("~/skill/delete", { id : deleteId }, function(response) {
//make the controller response JSON so you can tell if it is a success
// -- if success, remove the row
// -- if fail, show an error
if(response.success) {
$("row-" + id).remove();
alert("Successfully deleted");
}
else {
alert("Sorry, there was a problem deleting your item");
}
});
});
});
</script>
На мой взгляд, намного проще управлять.