mercoledì 7 luglio 2021

Asp.Net MVC add button to select2 dropdown list

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: