Question

我有一个kendogrid工作正常，现在我有了新的要求，即最后一栏我有复选框，只是前一栏我有一个状态栏，

如果该文本值仅为“CERTIFIED”，则应启用该特定行复选框，如果文本不是“CERTIFIED”，则应禁用该行的复选框，并且不应允许使用jquery检查该复选框，I我附上了kendogrid的照片，这对任何建议都有帮助

CODE

这些是我的KENDO GRID的栏目

, columns: [
            { field: "ResultFormatID", Title: "ResultFormatID", filterable: false, sortable: false, hidden: true },
            { field: "ID", Title: "ID", filterable: false, sortable: false, hidden: true },
            { field: "RowID", Title: "RowID", filterable: false, sortable: false, hidden: true },
            { field: "BillNumber", Title: "Bill Number", filterable: false, sortable: false, hidden: true },
            { field: "ServiceName", Title: "Service Name", width: 600 },
            { field: "Status", Title: "Service Status", width: 150 }
             , {
               template: $("#template").html(),
               headerTemplate: '<label>  <input type="checkbox" id="checkAll"/>Download</label>', filterable: false, sortable: false, width: 100,
           }
         ]

这是我的个人行列表

<script id="template" type="text/kendo-template">
   #if(ResultFormatID != 3) { #   
   <input type="checkbox" #= data.Action ? checked="checked" : "" #  class=\"check_row\"/>
   # } else { #
<input type="button" class="k-button info" name="info" value="Preview" />
   # } #

已更新

这是我的支票功能（以及我取消选中的功能）

 $("#checkAll").on('click', function (e) {
         debugger;

        var $cb = $(this);
        var checked = $cb.is(':checked');
        var grid = $('.Grid_table').data('kendoGrid');

        grid.table.find("tr").find("td:last input").attr("checked", checked);           


        var items = $(".Grid_table").data("kendoGrid").dataSource.data();
        for (i = 0; i < items.length; i++) {
            var item = items[i];
       var status = item.ServiceStatus;

            if (status == "Result Certified ") {
              grid.table.find("tr").find("td:last input").attr("checked", checked);
            }
            else {

                grid.table.find("tr").find("td:last input").prop("checked",false);
            }
     if (!checked) {
            // debugger;
            $(".Grid_table").data("kendoGrid").clearSelection();
        }

    });

});

更新2

现在根据你的代码，一切正常，我可以取消选中未经认证的行，我遇到下面代码的问题，如果未选中至少单个复选框，则禁用用于下载PDF的按钮文件，现在如果我选中所有复选框并单击该按钮下载，它现在被禁用!!但如果我取消选中10行中的任何一行，则下载启用并用于下载文件。

如果我禁用以下代码的最后3行，它有助于启用按钮单击，但我需要取消选中至少单个复选框才能工作，如果没有它将被禁用，我做错了什么？

 $(function () {
         //debugger;            
        var checkboxes = $(':checkbox:not(#checkAll)').click(function (event) {
            $('#btn_Print').prop("disabled", checkboxes.filter(':checked').length == 0);
        });
        $('#checkAll').click(function (event) {
            checkboxes.prop('checked', this.checked);
            $('#btn_Print').prop("disabled", !this.checked)
        });
    });

如果

enter image description here

Answer 1

如果input的{{1}}字段为type="checkbox"，则表示您需要控制的是什么。因此，您应该将模板定义如下：

disabled

即：添加<script id="template" type="text/kendo-template"> #if(ResultFormatID != 3) { # <input type="checkbox" #= data.Action ? checked="checked" : "" # class=\"check_row\" #= data.Status == 'Certified' ? disabled='disabled' : "" #/> # } else { # <input type="button" class="k-button info" name="info" value="Preview" /> # } # </script>

的条件

在此处查看此行动：http://jsfiddle.net/Hfk3Q/

编辑：单击标题时所需的更改复选框将更改其实现，以仅检查未禁用的单元格。类似的东西：

data.Status == 'Certified' ? disabled='disabled' : ""

在此处查看此行动：http://jsfiddle.net/Hfk3Q/3/

根据列值禁用/启用kendo网格中的复选框

1 个答案: