[英]ASP.NET MVC: Model Binding and Ajax Request
我有一個按鈕:
<a id="2" class="modalInput specialbutton" href="/Employee/Delete/2" rel="#yesno"><img src="/Content/Images/application_delete.png" alt="Delete" /></a>
按鈕的Javascript:
var buttons = $("#yesno button").click(function (e) {
var yes = buttons.index(this) === 0;
if (yes) {
$.ajax({
url: overlayElem.attr('href'),
success: function (data) {
$("#gridcontainer").html(data);
}
});
}
});
刪除動作:
public ActionResult Delete(int id)
{
DeleteTeamEmployeeInput deleteTeamEmployeeInput = new DeleteTeamEmployeeInput { TeamEmployee = id };
return Command<DeleteTeamEmployeeInput, TeamEmployee>(deleteTeamEmployeeInput,
s => RedirectToAction<EmployeeController>(x => x.Index(1)),
f => RedirectToAction<EmployeeController>(x => x.Index(1)));
}
問題是id
參數。 直接使用DeleteTeamEmployeeInput
會很好。
public ActionResult Delete(DeleteTeamEmployeeInput deleteTeamEmployeeInput )
{
return Command<DeleteTeamEmployeeInput, TeamEmployee>(deleteTeamEmployeeInput,
s => RedirectToAction<EmployeeController>(x => x.Index(1)),
f => RedirectToAction<EmployeeController>(x => x.Index(1)));
}
當我使用complext對象時,它始終為null。 簡單的int類型可以正常工作。
如何對我的刪除操作使用復雜類型?
類DeleteTeamEmployeeInput:
public class DeleteTeamEmployeeInput
{
public int TeamEmployee { get; set; }
}
刪除按鈕:
public static string DeleteImageButton(this HtmlHelper helper, int id)
{
string controller = GetControllerName(helper);
string url = String.Format("/{0}/Delete/{1}", controller, id);
return ImageButton(helper, url, "Delete", "/Content/Images/application_delete.png", "#yesno", "modalInput", id);
}
您絕對需要通過從點擊回調返回false來取消默認操作結果,否則您的AJAX請求甚至可能沒有時間執行重定向。 就發送整個對象(僅包含一個TeamEmployee
整數TeamEmployee
)而言,您可以執行以下操作:
// that selector seems strange as you don't have a button inside your anchor
// but an <img>. You probably want to double check selector
var buttons = $('#yesno button').click(function (e) {
var yes = buttons.index(this) === 0;
if (yes) {
$.ajax({
url: this.href,
success: function (data) {
$("#gridcontainer").html(data);
}
// that's what I was talking about canceling the default action
});
return false;
}
});
然后生成錨,使其包含以下參數:
<a href="<%: Url.Action("delete", "employee", new { TeamEmployee = "2" }) %>" id="link2" class="modalInput specialbutton" rel="#yesno">
<img src="<%: Url.Content("~/Content/Images/application_delete.png") %>" alt="Delete" />
</a>
現在您可以放心了:
public ActionResult Delete(DeleteTeamEmployeeInput deleteTeamEmployeeInput)
{
...
}
備注:錨點中的id="2"
不是有效的標識符名稱。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.