如何無法Kendo網格復選框？
[英]how to unable kendo grid checkbox?
問題描述
在代碼段中，是網格的示例，當注釋的值無效時，我想無法在網格中選中該復選框。 在下面的代碼中將有3個示例記錄。 輸出：第一個和第三個復選框設置為無法使用，第二個復選框啟用以允許用戶選擇。
var userRecord=[{reason:"Invalid",UserName:"test"}, {reason:"",UserName:"test1"}, {reason:"Invalid2",UserName:"test2"}] var grid=$("#grid").kendoGrid({ columns: [ { field: "", width: "40px", template: "<input name='Discontinued' class='checkbox' type='checkbox' />" }, { field: "reason", title: "Remark" }, { field: "UserName", title: "User Name" }, ], dataSource: { data: userRecord }, dataBound: function (e) { $(".checkbox").bind("change", function (e) { var grid = $("#grid").data("kendoGrid"); var row = $(e.target).closest("tr"); row.toggleClass("k-state-selected"); var data = grid.dataItem(row); }); } });
<!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="grid"></div> </body> </html>
1 個解決方案
解決方案1
2 已采納 2016-11-11 08:52:46
試試這樣的東西： #= (reason=='')? 'disabled=disabled' : ''# #= (reason=='')? 'disabled=disabled' : ''#
我不確定是要讓第一個和第三個殘疾人士還是中間一個殘疾人士，但我想您已經明白了。
var userRecord=[{reason:"Invalid",UserName:"test"}, {reason:"",UserName:"test1"}, {reason:"Invalid2",UserName:"test2"}] var grid=$("#grid").kendoGrid({ columns: [ { field: "", width: "40px", template: "<input name='Discontinued' class='checkbox' #= (reason=='')? 'disabled=disabled' : ''# type='checkbox' />" }, { field: "reason", title: "Remark" }, { field: "UserName", title: "User Name" }, ], dataSource: { data: userRecord }, dataBound: function (e) { $(".checkbox").bind("change", function (e) { var grid = $("#grid").data("kendoGrid"); var row = $(e.target).closest("tr"); row.toggleClass("k-state-selected"); var data = grid.dataItem(row); }); } });
<!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="grid"></div> </body> </html>
無法以編程方式檢查Kendo Grid的多選復選框過濾器
[英]Unable to check the multi-select checkbox filter of the Kendo Grid Programmatically
如何使“添加新記錄”將字段表示為復選框-Kendo Grid
[英]How to make “add new record” represent field as checkbox - Kendo Grid
如何使用復選框插件通過下拉列表的多重選擇來過濾kendo ui網格
[英]How to filter the kendo ui grid with multi selection of dropdownlist with checkbox plugin
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.