Deaktivierung der Dropdown-Öffnung bei Select2 Clear

Question

Scheint, dass Select2 4 standardmäßig das Dropdown-Menü öffnet, wenn das aktuell ausgewählte Element gelöscht wird. Frühere Versionen von select2 schienen dieses Verhalten nicht zu haben und ich versuche es zu erreichen, aber momentan kein Glück.

Kann jemand in das Clear-Ereignis einhaken, damit wir das Standardverhalten deaktivieren und die ausgewählte Option löschen können, ohne das Dropdown-Menü zu öffnen?

Cheers, Al

Answer 1

Kann bestätigen, scheint Ereignisse verhindern nicht aus irgendeinem Grunde zu arbeiten, so dass Sie nur die Drop-down nach einigen Timeout schließen können:

$("select").select2({ 
    allowClear: true 
}).on("select2:unselecting", function(e) { 
    $(this).data('state', 'unselected'); 
}).on("select2:open", function(e) { 
    if ($(this).data('state') === 'unselected') { 
     $(this).removeData('state'); 

     var self = $(this); 
     setTimeout(function() { 
      self.select2('close'); 
     }, 1); 
    }  
}); 

Hier ist eine Arbeits Geige: http://jsfiddle.net/obq3yLf2/

Answer 2

Sie brauchen keinen Timeout benötigen diese Arbeit zu machen, hier ist mein Beispiel:

$('#my-select').select2({ 
    allowClear: true 
}).on('select2:unselecting', function() { 
    $(this).data('unselecting', true); 
}).on('select2:opening', function(e) { 
    if ($(this).data('unselecting')) { 
     $(this).removeData('unselecting'); 
     e.preventDefault(); 
    } 
}); 

Answer 3

Eine weitere einfache Implementierung:

   $('select').on('select2:unselect', function(evt) { 
      $(this).select2({ 
       placeholder : { 
        id : '', 
        text : '---None Selected---' 
       }, 
       allowClear : true, 
       theme : "bootstrap" 
      }).select2('close'); 

     }); 

Answer 4

hatte ich ein Problem mit einer kurzen Verzögerung nach einem der Punkte Abwählen und diese Lösung dieser Frage für mich festgelegt:

$(this).select2({ 
    multiple: 'multiple', 
}).on("select2:unselecting", function(e) { 
    var self = $(this); 
    setTimeout(function() { 
     self.select2('close'); 
    }, 0); 
}); 

Answer 5

Bitte bei Github beziehen für gleiche .

Prevent select2:open when clearing selection

Von dort habe ich die gegebenen Antworten aufgeführt.

1 Option

$('#select-id').on('select2:unselecting', function() { 
    var opts = $(this).data('select2').options; 
    opts.set('disabled', true); 
    setTimeout(function() { 
     opts.set('disabled', false); 
    }, 1); 
}); 

2 Option

var $el = $('#select-id'); 
$el.on('select2:unselecting', function(e) { 
    $el.data('unselecting', true); 
}).on('select2:open', function(e) { // note the open event is important 
    if ($el.data('unselecting')) {  
     $el.removeData('unselecting'); // you need to unset this before close 
     $el.select2('close'); 
    } 
});