Как сделать ajax postback в форме со списком флажков

Question

Я динамически рисую флажки в своей форме:

@using (Html.BeginForm("Action", "Controller", FormMethod.Post, new { id="itemsList"}))
{
foreach (var lt in Model.MyList)
            {                
                <li>                
                    <label id="label">
                        <input value="@lt.itemId" type="checkbox" />
                        @lt.Title</label>
                </li>                        
            } 
}

Функция JQuery:

$(document).ready(function () {
        $('#itemsList').ajaxForm({
            success: Saved,
            error: HandleError
        });
    });
...

Но мои действия не выполняются.Я что-то здесь не так делаю?Я ожидаю, что когда я поставлю галочку, сделаю серверный вызов.

Answer 1

Я ожидаю, что когда я установлю флажок, сделаю серверный вызов.

Вы не должны ожидать этого, если вы не написали обработчик для изменения флажка

$(document).ready(function () {
        $('#itemsList').ajaxForm({
            success: Saved,
            error: HandleError
        });

        $(':checkbox').change(function(){
            $('#itemsList').submit();
        });
});

Answer 2

ajaxForm будет перехватывать заявки и отправлять их через ajax.Но вам нужно активировать отправку для вызова ajax.

Попробуйте добавить:

$('input[@type="checkbox"]').click(function(){ $('#itemsList').submit(); }

Возможно, вы захотите уточнить переключатель выбора для чего-то более конкретного ...