바운드리스트를 다중 선택 및 선택 취소

Question

폼에 사용자 정의 바인딩 목록을 만들어야합니다. 단일 선택이 있고 선택을 취소 할 때 제대로 작동합니다. 경계 목록에 어떻게 선택을 취소하고 다중 선택을 할 수 있습니까?

하지 작품 :

var mode = this.multiselect ? 'MULTI' : 'SINGLE'; 
var sm = bl.getSelectionModel(); // TODO 
sm.setSelectionMode(mode); 
sm.allowDeselect = this.deselect; 

하지 작업 (이 확장 FieldContainer에) :

var bl = Ext.create('Ext.view.BoundList', { 
    multiSelect: this.multiselect, 
    deselect: this.deselect, 
    //... 

Answer 1

당신이 달성하려고하는 어떤 행동 확실하지. 다중 모드는 기본적으로 선택 취소를 허용하며이 경우 allowDeselect config 옵션을 적용 할 수 없습니다.

allowDeselect :

부울 사용자가 DataView를, 목록 또는 그리드에서 기록을 해제 할 수 있도록 허용 여기 Ext.selection.Model 문서에서 인용이다. 모드가 'SINGLE'인 경우에만 적용됩니다.

Answer 2

정확하게 이해하면 여러 개의 간단한 클릭으로 선택한 레코드 만 선택 취소 할 수 있기를 원합니다.

이 코드를보십시오 :

이

// Allow deselecting the only selected record in MULTI mode with a simple click. 
// Note that this will only happen when allowdeselect is true 
Ext.override(Ext.selection.Model, { 
    selectWithEvent: function(record, e, keepExisting) { 
     var me = this; 

     switch (me.selectionMode) { 
      case 'MULTI': 
       if (e.ctrlKey && me.isSelected(record)) { 
        me.doDeselect(record, false); 
       } else if (e.shiftKey && me.lastFocused) { 
        me.selectRange(me.lastFocused, record, e.ctrlKey); 
       } else if (e.ctrlKey) { 
        me.doSelect(record, true, false); 
       // Mod Start 
       } else if (me.isSelected(record) && !e.shiftKey && !e.ctrlKey && me.selected.getCount() == 1 && me.allowDeselect) { 
        me.doDeselect(record, false);      
       // Mod End       
       } else if (me.isSelected(record) && !e.shiftKey && !e.ctrlKey && me.selected.getCount() > 1) { 
        me.doSelect(record, keepExisting, false); 
       } else { 
        me.doSelect(record, false); 
       } 
       break; 
      case 'SIMPLE': 
       if (me.isSelected(record)) { 
        me.doDeselect(record); 
       } else { 
        me.doSelect(record, true); 
       } 
       break; 
      case 'SINGLE': 
       // if allowDeselect is on and this record isSelected, deselect it 
       if (me.allowDeselect && me.isSelected(record)) { 
        me.doDeselect(record); 
       // select the record and do NOT maintain existing selections 
       } else { 
        me.doSelect(record, false); 
       } 
       break; 
     } 
    }, 
});