How do you modify “No Results Found” language in Select2 v4.0

北城以北 提交于 2020-06-22 05:28:49

问题


I attempted to use the "language.noMatches" option when initiating Select2 and its throwing an undefined function? How do I go about modifying that bit of text? I would like to include a html button that would add the input from the user if it wasn't found. I tried doing this as a function as well as plain text. I also removed all html to see if that was doing it.

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

   ...

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

This was previously "formatNoMatches" in Select2 v3.5


回答1:


The option noMatches doesn't appear anywhere in the source code.

The actual option is named noResults. The working version of your example is:

$('#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;
    }
});

You also need to override escapeMarkup, so the button appears correctly, as per this issue.




回答2:


Probably, you have to add the script for the language you want to use. Something like this:

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

And then you can set the default language:

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



回答3:


The option for select 2.5 seems formatNoMatches:

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


来源:https://stackoverflow.com/questions/29306727/how-do-you-modify-no-results-found-language-in-select2-v4-0

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!