Il frammento di codice qui di seguito, illustra una tecnica di come aggiungere un pulsante in un controllo dropdownlist utilizzando il componente gratuito select2 https://select2.org/ nel caso che non sono presenti elementi.
Al click del pulsante verrà aggiungo l'elemento alla casella combinata
$(document).ready(function(){
$('NomeControllo').select2({
language: {
noResults: function(){
return '<button id="NomeButton" name="NomeButton" style="width:100%" type="button" class="btn btn-primary" onClick='NomeFunzione()' >TestoPulsante </button> ';
}
},
escapeMarkup: function(markup){
return markup;
}
});
});
//Funzione
function NomeFunzione(){
var ValoreRilevato = $('#NomeControllo').data("select2").dropdown.$search.val();
$('#NomeControllo').append(new Option(ValoreRilevato, ValoreRilevato, false, true));
$('#NomeButton').hide();
$('#NomeControllo').select2({
minimunResultsForSearch: Infinity
});
$('#NomeControllo').select2({
minimunResultsForSearch: 1
});
}
Nessun commento:
Posta un commento