0
下面的代码是应用程序的示例。当原因字段中存在数据时,网格中的复选框将设置为无法使用。网格允许用户编辑。编辑数据后有没有办法启用复选框?如何重新启用剑道网格复选框?
输出:
| | Remark | Center align |
|:---------|------------:|:------------:|
| [Unable] | Invalid | test1 |
| [enable] | | test2 |
| [enable] | | test3 |
后直列编辑:
| | Remark | Center align |
|:---------|------------:|:------------:|
| [enable] | | test1 |
| [enable] | | test2 |
| [enable] | | test3 |
var data = [];
var test = [];
var userRecord = [{
reason: "Invalid",
UserName: "test"
},
{
reason: "",
UserName: "test1"
},
{
reason: "",
UserName: "test2"
}]
var grid = $("#importgrid").kendoGrid({
columns: [
{
field: "",
width: "40px",
template: "<input name='Discontinued' class='checkbox' #= (reason.length > 0)? 'disabled=disabled' : ''# type='checkbox' />"
},
{
field: "reason",
title: "Remark"
},
{
field: "UserName",
title: "User Name"
},
],
dataSource: {
data: userRecord
},
editable: true,
dataBound: function (e) {
$(".checkbox").bind("change", function (e) {
var grid = $("#importgrid").data("kendoGrid");
var row = $(e.target).closest("tr");
row.toggleClass("k-state-selected");
data.push(grid.dataItem(row));
});
}
});
$("#get").on("click", function() {
for (var i = 0; i < data.length; i++) {
$("#importgrid").find("tr[data-uid='" + data[i].uid + "'] td:eq(1)").text("success");
}
})
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.bootstrap.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.bootstrap.mobile.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="importgrid" class="usermgrgrid"></div>
<button class="k-button k-primary" id="get">Submit</button>
</body>
</html>
这是我的[代码](http://jsbin.com/hucahumepu/edit?html,js,output)添加保存功能后,它会触发和工作时,我手动编辑数据,但如果我检查一的复选框,然后按提交按钮,然后将成功状态添加到原因字段,但不会无法复选框。有没有办法解决它? –