web-dev-qa-db-fra.com

Comment modifier la langue "Aucun résultat trouvé" dans Select2 v4.0

J'ai essayé d'utiliser l'option "language.noMatches" lors du lancement de Select2 et de son lancement d'une fonction non définie? Comment puis-je modifier ce morceau de texte? Je voudrais inclure un bouton html qui ajouterait l’entrée de l’utilisateur si elle n’était pas trouvée. J'ai essayé de le faire en tant que fonction et texte brut. J'ai également supprimé tout le code HTML pour voir si cela le faisait.

$('#search-select').select2({

   ...

   "language": {
       "noMatches": function(){
           return "No Results Found <a href='#' class='btn btn-danger'>Use it anyway</a>";
       }
   }
});

C'était auparavant "formatNoMatches" dans Select2 v3.5

jquery-select2-4
41
Anthony Conklin

L'option noMatches n'apparaît nulle part dans le code source.

L'option réelle s'appelle noResults . La version de travail de votre exemple est:

$('#search-select').select2({

   ...

   "language": {
       "noResults": function(){
           return "No Results Found <a href='#' class='btn btn-danger'>Use it anyway</a>";
       }
   },
    escapeMarkup: function (markup) {
        return markup;
    }
});

Vous devez également redéfinir escapeMarkup afin que le bouton apparaisse correctement, comme indiqué dans numéro .

78
Mariano Dupont

Probablement, vous devez ajouter le script pour la langue que vous souhaitez utiliser. Quelque chose comme ça:

<script src="select2/js/i18n/pt-BR.js" type="text/javascript"></script>

Et puis vous pouvez définir la langue par défaut:

$(".select2").select2({
  "language": "pt-BR"
});
33
monteirobrena

L'option pour select 2.5 semble formatNoMatches:

$('#search-select').select2({
  formatNoMatches: function () {
  return "No Results Found <a href='#' class='btn btn-danger'>Use it anyway</a>";
  }
});
13
vishnumanohar