selectpicker con select all di default

Question

Sto usando il selectpicker plugin. Ora sto provando a selezionare tutte le opzioni per impostazione predefinita, o almeno un pulsante per selezionare tutto senza la necessità di fare clic nel menu a discesa.

Attualmente la demo funziona solo se si fa clic sul menu a discesa e, successivamente, fare clic sul pulsante.

Qualche idea?

$('.selectpicker').selectpicker(); 


$(".btn_clk").click(function() { 
    $('.selectpicker').selectpicker('selectAll'); 
}); 

http://jsfiddle.net/tpnw96ed/

Answer 1

la soluzione in questo thread funziona per me.

ecco il codice aggiornata del plugin:

Linea 888 e 895 in boostrapt-select.js

selectAll: function() { 
    this.findLis(); 
    this.$lis.not('.divider').not('.disabled').not('.selected').not('.hide').find('a').click(); 
}, 

deselectAll: function() { 
    this.findLis(); 
    this.$lis.not('.divider').not('.disabled').filter('.selected').not('.hide').find('a').click(); 
}, 

nota il cambiamento .filter(':visible') è ora .not('.hide')

Answer 2

Prova questo:

$('.selectpicker').selectpicker('val', ['Mustard','Relish', 'Ketchup']); 

Answer 3

È possibile aprire/chiudere il Selectpicker prima/dopo aver fatto clic sul pulsante:

$(".btn_clk").click(function() { 
    $('.dropdown-menu').css("display","block"); 
    $('.selectpicker').selectpicker('selectAll'); 
    $('.dropdown-menu').css("display","none"); 
}); 

Edit: Sarà inoltre è necessario aggiungere quanto segue per attivare manualmente il dropdo wn sui clic dopo un selectAll:

$('.selectpicker').click(function() { 
    if($('.dropdown-menu').css("display") == "block") $('.dropdown-menu').css("display","none"); 
    else $('.dropdown-menu').css("display","block"); 
}); 

JSFIDDLE

Answer 4

Non c'è modo di default per aggiungere Seleziona tutto e Deseleziona tutti i pulsanti per selezionare ora il download. Si consiglia di utilizzare l'opzione data-actions-box="true" per abilitare i pulsanti e data-select-all-text="Select all buttton name" data-deselect-all-text="Deselect all button name" rinominarli