禁用/启用剑道网格复选框基于列的值

Question

我有一个kendogrid所有的工作很好，现在我得到了新的要求，即最后一栏，我有复选框，只是以前的专栏中，我有一个状态栏，

如果该文本值是“CERTIFIED”，那么应该启用该特定行复选框，如果文本不是“CERTIFIED”，则应该禁用该行的复选框，并且不应该允许使用jquery检查该复选框，我已附加了pic kendogrid的我有，这可能会帮助您的任何建议

CODE

这是我的列MY 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, 
      } 
     ] 

THIS IS MY单独的行CHECKBOX

<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" /> 
    # } # 

修订

THIS IS MY CHECKALL功能（和我因取消）

$("#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行的下面的代码，它有助于启用按钮点击，但我需要取消选择atleast单个复选框工作，如果不是它将禁用，我做错了什么？

$(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) 
     }); 
    }); 

IF

Answer 1

看来，你需要的是控制如果type="checkbox"的input场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> 

即：加data.Status == 'Certified' ? disabled='disabled' : ""

的情况看到它在这里的行动：http://jsfiddle.net/Hfk3Q/

编辑：在标题点击时，需要更改复选框将会改变它的实现，只检查那些没有被禁用的单元。喜欢的东西：

$('.check_row:not(:disabled)', grid.tbody).prop('checked', true); 

看到它在这里的行动：http://jsfiddle.net/Hfk3Q/3/