검도 드롭 다운 유효성 검사

Question

var test = $("#TestDropdown").kendoDropDownList({ 
       dataTextField: "test", 
       dataValueField: 'testing', 
       filter: "contains", 
       autoBind: false, 
       minLength: 2, 
       dataSource: { 
        transport: { 
         read: { 
          url: 
          complete: function (jqXHR, textStatus) { 
          } 
         }, 
        }, 
        schema: { 
         test: {editable: true, type: "string"}, 
         testing: {editable: true, type: "number"}, 
        } 
       } 
      }); 

내 드롭 다운 목록에 빨간색, 노란색, 녹색의 3 가지 값이 있다고 말해보십시오. 녹색이 현재 선택된 경우 노란색으로 바뀌지 않거나 가능한지 확인할 수있는 검증을 어떻게 만들 수 있습니까?

Answer 1

당신은 documentation

select: function(e) { 
    if (e.dataItem.isDeleted) { 
    e.preventDefault(); // it will stop from selection 
    } 
}, 

 
 
    
 
    
 
     $("#dropdownlist").kendoDropDownList({ 
 
     dataSource: [ 
 
      { id: 1, name: "Apples", isDeleted: false}, 
 
      { id: 3, name: "Mangoes", isDeleted: true}, 
 
      { id: 2, name: "Oranges" , isDeleted: false} 
 
     ], 
 
     dataTextField: "name", 
 
     dataValueField: "id", 
 
     select: function(e){ 
 
      if(e.dataItem.isDeleted){ 
 
      e.preventDefault(); 
 
      } 
 
     }, 
 
     template: kendo.template($("#template").html()) 
 
     }); 
 

 
     $(".k-button").click(function(){ 
 
     var dropdown = $("#dropdownlist").data("kendoDropDownList"); 
 
     var oranges = dropdown.dataSource.get(2); 
 
     oranges.set("isDeleted", true); 
 
     })

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1018/styles/kendo.common-material.min.css" /> 
 
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1018/styles/kendo.material.min.css" /> 
 
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1018/styles/kendo.material.mobile.min.css" /> 
 

 
    <script src="https://kendo.cdn.telerik.com/2017.3.1018/js/jquery.min.js"></script> 
 
    <script src="https://kendo.cdn.telerik.com/2017.3.1018/js/kendo.all.min.js"></script> 
 
<input id="dropdownlist" /> <button class="k-button"> Mark Oranges as deleted</button> 
 
<script id="template" type="text/x-kendo-template"> 
 
    <span class="#: isDeleted ? 'k-state-disabled': ''#"> 
 
     #: name # 
 
    </span> 
 
    </script>

에서 방법을 따를 수 있습니다