1

所以现在我有一个剑道网格,其中一列对每一行数据都有一个复选框。最终,我希望能够检查并查看剑道网格中的哪些行已选中该复选框,一旦单击保存按钮,然后将该行的内容存储到数组/列表中,以便我可以将该数据发送到ajax 调用上的控制器。

例如:我的 Kendo Grid 有 A、B 和 C 行。如果我点击保存按钮并且只选中了 A 行,那么我将只将 A 行存储到一个数组中。

这是我目前拥有的代码片段:

剃刀

 @(Html.Kendo().Grid(Model.ProgramVersions).Name("ProgramVersions")
                  .Columns(columns =>
                      {

                          columns.Bound(e => e.Code).Width(150);
                          columns.Bound(e => e.Description).Width(300);
                          columns.Bound(e => e.Linked).Width(150)
                                 .Template(o => Html.CheckBox("Linked", o.Linked, o.Linked ? new {onclick = "return false"} : new {onclick = ""}));

                      })
                  .Pageable(p => p.PageSizes(new[] { 5, 10, 20 }))
                  .Scrollable(a => a.Height("auto"))
                  ) 
<button class="btnSubmit" type="button" onclick="submitLinkStartDateRequest()">Save</button>

Javascript

function submitLinkStartDateRequest() {

        var programVersions = $("#ProgramVersions").data("kendoGrid").select();
        var selectedProgramVersions = [];
        programVersions.each(function() {
            var programVersion = programVersions.dataItem($(this));
            if ( /*something here*/) {
                //add row from kendo grid to the selectedProgramVersions variable
            }
        });

        $.ajax({
            type: 'POST',
            url: '/Lists/Controller',
            dataType: 'json',
            data: {
                programVersions: selectedProgramVersions
            }
        });
    }
4

0 回答 0