所以现在我有一个剑道网格,其中一列有每行数据的复选框。最后,我希望能够检查并查看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
}
});
}