Select2 - faire en lecture seule (pas désactivé!) js

Comment puis-je dynamiquement faire un select2 combobox en lecture seule?

Voici ce que j'ai essayé jusqu'à présent:

$('...').attr({'readonly': 'readonly'}).trigger('change.select2');
$('...').attr({'readonly': 'readonly'}).trigger('change');
$('...').select2().enable(false);

OriginalL'auteur Catalin | 2017-01-23

  1. 3

    voir: http://select2.github.io/select2/

    Je l'ai fait avec:

    $("#modelname-fieldname").select2({disabled:readonly});

    Ici:

    - modelname-fieldname est comme dans: $form->field($modelname, "fieldname")->widget(Select2::classname(), [ ... ]);

    - readonly est vrai ou faux ..

    En option, vous devez modifier le curseur lors du survol de la select2 champ

    Ce n'est pas la bonne réponse. Sélectionnez ne pas avoir un readonly propriété et le présent (.select2({disabled:readonly});) a été retiré de select2. La façon de le faire est de désactiver les sélectionner et les utiliser caché d'entrée si vous avez besoin d'envoyer la valeur)
    La première codeblock m'a aidé, je me suis assis {disabled:'readonly'} et cela a fonctionné 😉

    OriginalL'auteur Cas Knook

  2. 9

    Solution de Select2 - Question N ° 3387 - Readonly Soutien:

    select[readonly].select2 + .select2-container {
  pointer-events: none;
  touch-action: none;

  .select2-selection {
    background: #eee;
    box-shadow: none;
  }

  .select2-selection__arrow,
  .select2-selection__clear {
    display: none;
  }
}

    OriginalL'auteur lafeber

  3. 6

    C'est la Solution pour les Dernières select2 à l'aide de css

    /*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }


/*Select2 ReadOnly End*/

    OriginalL'auteur Ali Jamal