1

Google 애플리케이션에 다중 선택이 있습니다. 다중 선택 드롭 다운 제안 목록에 비활성 사용자를 표시해서는 안되는 요구 사항이 있습니다. 모델에 플래그가 있습니다. 따라서 해당 플래그를 사용하여 드롭 다운을 필터링 할 수 있음을 알아야합니다. 아이디어를 얻으려면 첨부 된 스크린 샷을 찾아보십시오.비활성 항목 숨기기 검도의 제안 양식

해당 플래그를 사용하여 ajax 호출에서 데이터를 필터링 할 수 있습니다. 그러나 이미 선택된 비활성 사용자의 이름을 가져와야합니다. 따라서 제안 목록에서 비활성 사용자를 숨기려고합니다.

따라서 선택한 비활성 사용자를 표시해야하지만 제안 사항에서 비활성 사용자를 숨겨야합니다. enter image description here

+0

그것은 조금이다 복잡한 .... 왜? 비활성 사용자의 선택을 취소하면 어떻게됩니까? 드롭 다운 목록에 표시 되나요? 아니면 숨길 필요가 있습니까? 그렇다면 필터와 다중 선택 이벤트의 조합이 필요합니다. –

+0

우리가 그를 선택 취소한다면 우리는 그를 숨겨야합니다. 주요 목표는 비활성 사용자를 드롭 다운 제안에서 숨기고 그가 이미 선택되어있는 경우 이름을 표시하는 것입니다. – Nalluri

답변

1

이 가장 좋은 방법이지만 close 이벤트를 open 이벤트로는 dataSource에 필터를 적용하거나 제거하려고 할 수 있는지 확실하지 :

$("#multiselect").kendoMultiSelect({ 
    dataSource: { 
    data: [{Name: "test 1", Active: true, Id: 1}, 
      {Name: "test 2", Active: true, Id: 2}, 
      {Name: "test 3", Active: false, Id: 3}, 
      {Name: "test 4", Active: true, Id: 4}, 
      {Name: "test 5", Active: false, Id: 5}] 
    }, 
    value: [1, 3], 
    dataTextField: "Name", 
    dataValueField: "Id", 
    filter: "startswith", 
    open: function(e) { 
    this.dataSource.filter({ field: "Active", operator: "eq", value: "true" }); 
    }, 
    close: function() { 
    this.dataSource.filter(null); 
    } 
}); 

Demo

+0

고마워요, DontVoteMeDown. 완벽하게 작동! – Nalluri

+0

@Nalluri nice !! 도와 줘서 기뻐 !! – DontVoteMeDown