Pouvons-nous utiliser select2 dans la boîte de dialogue?

Question

Je travaille dans le noyau asp.net. J'utilise tapuscrit. J'utilise select2.

HTML: -

<select multiple id="e1" class="js-example-basic-multiple js-states form-control"> 
    <option value="AL">Alabama</option> 
    <option value="Am">Amalapuram</option> 
    <option value="An">Anakapalli</option> 
    <option value="Ak">Akkayapalem</option> 
    <option value="WY">Wyoming</option> 
</select> 

Script: -

<script> 
    $(document).ready(function() { 
     $(".js-example-basic-multiple").select2(); 
    }); 
</script> 

et js css: -

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 

Ceci est mon code pour select2. J'utilise select2 dans le dialogue modal. Lorsque vous utilisez select2 dans la boîte de dialogue, cela ne fonctionne pas.

Je vérifie comme utilisant select2 en dehors de la boîte de dialogue modale, cela fonctionne très bien. Pouvons-nous utiliser select2 à l'intérieur de la boîte de dialogue modale?

Si oui, comment?

version select2: 4.0.3

Answer 1

Il fonctionne aussi bien à l'intérieur modal. (Chèque extrait)

$(document).ready(function() { 
 
    $(".js-example-basic-multiple").select2(); 
 

 
    $("#dialog").dialog(); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
 

 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 

 
<div id="dialog" title="Basic dialog"> 
 
    <select multiple id="e1" class="js-example-basic-multiple js-states form-control"> 
 
    
 
    <option value="AL">Alabama</option> 
 
    <option value="Am">Amalapuram</option> 
 
    <option value="An">Anakapalli</option> 
 
    <option value="Ak">Akkayapalem</option> 
 
    <option value="WY">Wyoming</option> 
 
    </select> 
 
</div>