MVC3 WebGrid Row Select checkbox

Question

Я искал все и не могу найти ответ.

У меня есть проект MVC3 с WebGrid на нем. Первый столбец - это Select, который в настоящее время использует обычный элемент item.GetSelectLink для создания ссылки для выбора этой строки.

Я хочу, чтобы это был флажок вместо теста «Выбрать». Когда пользователь обращается к флажку, я хочу, чтобы эта строка в сетке была выбрана, и окно стало «проверено».

Я хотел бы, чтобы проверенные и непроверенные состояния были изображениями, которые я предоставляю.

Как это сделать?

Answer 1

Если вы ничего не делаете с Ajax, ссылка «select» обновляет страницу с помощью «Selected = index», добавленной в строку запроса. Это будет необычный опыт, потому что люди не используются для флажков, запускающих перезагрузку страницы.

Вы можете сделать что-то подобное, что полностью имитирует функциональность ссылок «Выбрать». Сначала добавьте флажок в строке:

grid.Column(
    format: (item) => @Html.Raw("<input class='select' type='checkbox'" + ((grid.SelectedRow == item) ? "checked" : "") + " />") 
) 

Затем добавить Javascript обрабатывать флажок щелкает:

var index = 1; 
$("input.select").each(function() { 
    $(this).data('row', index); 
    $(this).click(function() { window.location = "?Selected=" + $(this).data('row'); }); 
    index++; 
});