ASP.NET MVC: привязка модели и запрос Ajax - PullRequest
Новая
       30

ASP.NET MVC: привязка модели и запрос Ajax

0 голосов
/ 20 января 2011

У меня есть кнопка: 

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

Когда я использую объект Completext, он всегда равен нулю.Простой тип 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);
}

1 Ответ

1 голос
/ 20 января 2011

Вам определенно нужно отменить результат действия по умолчанию, вернув false из вашего обратного вызова click, иначе ваш AJAX-запрос может даже не успеть выполнить, пока вы не перенаправлены. Что касается отправки всего объекта (который содержит только одну TeamEmployee integer Propertry), вы можете сделать это: 

// 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" в вашем якоре недопустимое имя идентификатора.

...