如何检查是否已选择kendo网格中的复选框?

时间:2013-09-23 21:12:29

标签: javascript jquery asp.net-mvc checkbox kendo-grid

所以现在我有一个剑道网格,其中一列有每行数据的复选框。最后,我希望能够检查并查看kendo网格中的哪些行已选中该复选框,单击一个保存按钮,然后将该行的内容存储到数组/列表中,以便我可以将该数据发送到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
            }
        });
    }

0 个答案:

没有答案