Useful configuration for Select2 component

select2.js

$(".searchText").select2({
  width: "100%",
  tags: tags, // => tagging support, allow use add new entry
  tokenSeparators: [" "], // => to separate entries
  formatSelection: instance.function (item) {
    if (item.id === item.text) {
      return "<div style='height: 16px;'>" + item.text + "</div>";
    }
    return "<img style='width: 16px; height: 16px;' src='images/" + item.logo + "'> " + item.text + " </img>";
  }, // => "on select" : useful to handle "unidentified" entry (should return new tag)
  formatResult: instance.formatItem, // => "after select" : useful to handle "unidentified" entry (should return new tag)
  createSearchChoice: function (text) { // => find suitable tag
    var tag = utils.findBy(tags, "text", text);
    if (tag === undefined) {
      tag = {id: text, text: text};
    }
    return tag;
  },
  createSearchChoicePosition: "bottom",
  placeholder: "Enter to search...",
  openOnEnter: false,
  escapeMarkup: function (markup) { return markup; }
});