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