Question

我想允许用户使用kendo网格中的复选框选择一行或多行并删除所选行，我的项目是asp.net MVC

如何添加复选框以允许用户选择它？
如何删除所有选定的行？即选中复选框的行

任何人都可以建议我怎么做？

@(Html.Kendo().Grid<TelerikMvcAppCombo.Models.ImageModel>()


.Name("grdImageModel")


.Columns(columns =>

{
    columns.Bound(c => c.IMAGESIZE_NAME).Width(140);
    columns.Bound(c => c.IMAGESIZE_DESC).Width(140);
    columns.Bound(c => c.created_by);
    columns.Bound(c => c.created_date);
    columns.Bound(c => c.modified_by);
    columns.Bound(c => c.modified_date);
})
.HtmlAttributes(new { style = "height: 580px;" })
.Scrollable()
.Groupable()
.Sortable()
.Pageable(pageable => pageable
    .Refresh(true)
    .PageSizes(true)
    .ButtonCount(10)
)
.DataSource(datasource => datasource
    .Ajax()
    .Read(read => read
            .Action("GetData", "Image")
          ))

)

Answer 1

在剑道网格中添加此列

columns.Template(x => { }).ClientTemplate("<input type='checkbox' id='chkSelect_#= yourid#' userId='#= yourid#' />").Width(20);

并假设您有一个删除记录的按钮，当我们单击该按钮时，您可以循环数据源并删除记录。请参阅JavaScript示例。你必须使用jquery来做到这一点

var grid, dataSource, data = null;
grid = $("#grdImageModel").data("kendoGrid"), dataSource = grid.dataSource, data = dataSource.data();

        $.each(data, function (i, tmpObject) {
            $('tr[data-uid="' + tmpObject.uid + '"] td input[id^="chkSelect_"]:checked').each(function (k, input) {
                // here you are access the checked row object
            });
        });

如何使用Kendo Grid中的复选框删除多个选定的记录？

1 个答案: