如何在不使用 Beginform 的情况下通过使用 MVC 4 Webgrid 选择复选框来删除多行答案

【问题标题】：How to Delete Multiple rows by selecting checkBox using MVC 4 Webgrid wihtout Using Begin form如何在不使用 Beginform 的情况下通过使用 MVC 4 Webgrid 选择复选框来删除多行
【发布时间】：2015-01-28 01:51:27
【问题描述】：

您好，我目前正在开发 MVC Razor。这是场景。能够有人有解决方案吗？ 如何通过使用 MVC 4 Webgrid 选择复选框而不使用 Begin 表单来删除多行

索引.cshtml 添加编辑
//Here if i click on Delete Link i need to get Selected rows from WEbgrid ? and should delete 
                  <th><a href="#" title="Delete" id="DeleteSelectedChkbx" >Delete</a></th> 

            </tr>
</div>
 @using (@Html.BeginForm("Index", "Users", FormMethod.Post)) {
@(Html.Kendo().Grid(Model.user)
.Name("GroupsGrid")
 //.Events(events => events.Change("onChangenow").DataBound("onDataBound").DataBinding("onDataBinding"))
.Columns(columns =>
{
    columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' id='#= ID#,#= Name#' class='grid_checkbox'/>")
    .HeaderTemplate("<input type='checkbox' id='selectall'/>").Width(50);
    columns.Bound(p => p.ID).Hidden(true);
    columns.Bound(p => p.Name).Title("Name");
})
//.Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple))
//.Navigatable()
.Sortable()
.Scrollable(src => src.Height("650px"))
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    //.Read(read => read.Action("Jobs_Read", "Jobs").Data("JobsReadData"))
    )
.Resizable(resize => resize.Columns(true))

)        }  
$（函数（）{ // 添加多选/取消选择功能 $("#selectall").click(function () { var checkAll = $("#selectall").prop('checked'); 如果（全选）{ $(".grid_checkbox").prop("选中", true); } 别的 { $(".grid_checkbox").prop("选中", false); } });
        // if all checkbox are selected, check the selectall checkbox and vice versa
        $(".grid_checkbox").click(function () {
            if ($(".grid_checkbox").length == $(".grid_checkbox:checked").length) {
                $("#selectall").prop("checked", true);
            } else {
                $("#selectall").prop("checked", false);
            }
        });
    });    
</script>

【问题讨论】：

标签： javascript html razor model-view-controller

【解决方案1】：

//Delete
$("#DeleteSelectedChkbx").click(function () {
    var checkGridSelection = "";
    var selected = $(".grid_checkbox:checked").map(function () {
        checkGridSelection = "Selected";
        return this.id;
    }).get();

    if (checkGridSelection == "Selected") {
        var r = confirm("The selected group(s) will be deleted. Do you want to continue?");
        if (r == true) {
            var selectedIds = selected.join(";");
            //alert(selectedIds);
            var serviceURL = '/Groups/DeleteGroups';
            $.ajax({
                type: 'Post',
                cache: false,
                url: serviceURL,
                data: { selectedIds: selectedIds },
                //dataType: "json",
                success: function (data) {
                    //alert("delete success");
                }
            });
        }
    }
    window.location.href = '/Groups';
});

【讨论】：