sabato 8 gennaio 2022

Asp.Net select2 with button

Qui di seguito una tecnica che illustra come aggiungere un pulsante in un controllo dropdownlist utilizzando il componente gratuito select2 https://select2.org/ nel caso che non sono presenti elementi mentre si digita nella casella filtro

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: