使用复选框禁用kendo mvc dropdownlist

Question

我有一个复选框，应该在勾选时启用Kendo MVC DropdownList，并在未选中时启用diable DropdownList。但我做不到，有问题。你能建议我该如何解决这个问题。

<input type="checkbox" onclick="if (this.checked) { document.getElementById('ParentDeptDrp').disabled = true; } else { document.getElementById('ParentDeptDrp').disabled = false; }" /> 
      Is Product/Service? 
      <br />   
      @(Html.Kendo().DropDownList() 
       .Name("ParentDeptDrp") 
       .DataTextField("DeptName") 
       .DataValueField("DeptName") 
       .DataSource(source => 
       { 
         source.Read(read => 
         { 
          read.Action("GetParentDeptt", "Department"); 
         }) 
         .ServerFiltering(true); 
       }) 
       .SelectedIndex(1) 
       //.Enable(false) 

      )   

Answer 1

尝试

function setDDL(chk){ 
     var dropdownlist = $("#ParentDeptDrp").data("kendoDropDownList"); 
     dropdownlist.enable(chk); 
}; 

HTML

<input type="checkbox" onclick="setDDL(this.checked);" /> 

http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#configuration-enable