Javascript 如何通过选中复选框删除多行使用MVC 4 Webgrid wihtout使用Begin表单

您好，我目前正在开发MVC Razor。下面是一个场景。可以 有人有解决方案吗？ 如何通过选中复选框删除多行使用MVC 4 Webgrid wihtout使用Begin表单

Index.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>

//在这里，如果单击“删除”链接，我需要从WEbgrid获取所选行吗？而且应该删除

@使用（@Html.BeginForm（“Index”，“Users”，FormMethod.Post））{
@（Html.Kendo（）.Grid（Model.user）
.Name（“GroupsGrid”）
//.Events（Events=>Events.Change（“onChangenow”）.DataBound（“onDataBound”）.DataBinding（“onDataBinding”））
.列（列=>
{
columns.Template（@）.ClientTemplate（“”）
.头部模板（“”）。宽度（50）；
columns.Bound（p=>p.ID）.Hidden（true）；
columns.Bound（p=>p.Name）.Title（“Name”）；
})
//.Selectable（可选=>Selectable.Mode（GridSelectionMode.Multiple））
//.Navigatable（）
.Sortable（）
.Scrollable（src=>src.Height（“650px”））
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（20）
//.Read（Read=>Read.Action（“Jobs\u Read”，“Jobs”）.Data（“JobsReadData”））
)
.resize可调整大小（resize=>resize.Columns（true））
)        }  

$（函数（）{ //添加多个选择/取消选择功能 $（“#选择全部”）。单击（函数（）{ var checkAll=$（“#selectall”）.prop（'checked'）； 如果（全部选中）{ $（“.grid_checkbox”）.prop（“选中”，true）； }否则{ $（“.grid_checkbox”）.prop（“checked”，false）； } }))

//如果选中了所有复选框，请选中selectall复选框，反之亦然
$（“.grid\u复选框”）。单击（函数（）{
if（$（“.grid\u复选框”）.length==$（“.grid\u复选框：选中”）.length）{
$（“#selectall”）.prop（“选中”，true）；
}否则{
$（“#selectall”）.prop（“选中”，false）；
}
});
});    

 @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))

)        }  

        // 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>

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