Tắt mở thả xuống trên select2 rõ ràng

Question

Dường như select2 4 mở theo mặc định menu thả xuống khi xóa mục đã chọn hiện tại. Các phiên bản trước của select2 dường như không có hành vi đó và tôi đang cố gắng để đạt được nó nhưng không có may mắn cho bây giờ.

Có ai biết cách móc vào sự kiện rõ ràng để chúng tôi có thể tắt hành vi mặc định của nó và xóa tùy chọn đã chọn mà không cần mở menu thả xuống không?

Chúc mừng, Al

Answer 1

Có thể khẳng định, ngăn chặn các sự kiện dường như không làm việc cho một số lý do, vì vậy bạn chỉ có thể đóng cửa thả xuống sau một thời gian chờ:

$("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); 
    }  
}); 

Dưới đây là một fiddle làm việc: http://jsfiddle.net/obq3yLf2/

Answer 2

Bạn không cần thời gian chờ để thực hiện tác phẩm này, đây là ví dụ của tôi:

$('#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

Một thực hiện đơn giản:

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

     }); 

Answer 4

Tôi đã có một vấn đề với một sự chậm trễ ngắn sau khi bỏ chọn một trong các mục và giải pháp này cố định vấn đề mà đối với tôi:

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

Answer 5

Vui lòng tham khảo tại Github cho cùng .

Prevent select2:open when clearing selection

Từ đó tôi đã liệt kê các câu trả lời được cung cấp.

1 Phương án

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

2 Lựa chọn

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'); 
    } 
});