select2

Select2

Select2 ist ein JQuery-basierter Ersatz für ausgewählte Kästchen. Es unterstützt Such-, Remotedatensätze und die Paginierung der Ergebnisse.

Wenn Sie beginnen, lesen Sie Beispiele und Dokumentation unter https://select2.org/

Anwendungsfälle

• Verbesserung der nativen Auswahl bei der Suche.
• Verbesserung native Auswahl mit einer besseren Multi-Select-Schnittstelle.
• Laden von Daten aus JavaScript: Laden Sie Elemente einfach über AJAX und lassen Sie sie durchsuchbar.
• NESTING OPTGROUPS: Native wählt nur eine Nesting -Ebene aus. Select2 hat diese Einschränkung nicht.
• Tagging: Fähigkeit, neue Elemente im laufenden Fliegen hinzuzufügen.
• Arbeiten Sie mit großen Remote -Datensätzen: Möglichkeit, einen Datensatz basierend auf dem Suchbegriff teilweise zu laden.
• Paging großer Datensätze: Einfache Unterstützung für das Laden mehr Seiten, wenn die Ergebnisse bis zum Ende gescrollt werden.
• Vorlagen: Unterstützung für die kundenspezifische Darstellung von Ergebnissen und Auswahlen.

Browserkompatibilität

• Dh 8+
• Chrom 8+
• Firefox 10+
• Safari 3+
• Opera 10.6+

Verwendung

Sie können Select2 direkt von einem CDN wie JSDelivr oder CDNJs Quelle 2 Quelle Quelle, herunterladen es von diesem Github -Repo oder verwenden Sie eine der folgenden Integrationen.

Integrationen

Entwickler von Drittanbietern haben Plugins für Plattformen erstellt, mit denen Select2 nativ und schneller integriert werden kann. Für viele Plattformen sind nicht zusätzliche Plugins erforderlich, da SELECT2 als Standardkästchen <select> fungiert.

Plugins

• Backdrop CMS - Backdrop -Select2
• Django
  • Django-Autocomplete-Light
  • Django-Easy-Select2
  • Django-Select2
• Drupal - Drupal -Select2
• Meteor - Meteor -Select2
• Ruby on Rails - Select2 -Rails
• Wicket - Wicketstuff -Select2
• Yii 2-yii2-widget-select2
• AngularJS-MDR-Angular-Select2

Themen

• Bootstrap 3-Select2-Bootstrap-Theme
• Bootstrap 4-Select2-Bootstrap4-Thema
• Bootstrap 5-Select2-Bootstrap-5-Thema
• Flache UI-Select2-Flat-Theme

Eine Integration verpassen? Ändern Sie diese README und stellen Sie hier eine Pull -Anfrage hier zurück, um 2 auf GitHub auszuwählen.

Internationalisierung (i18n)

Select2 unterstützt mehrere Sprachen, indem sie einfach die richtige JS -Datei ( dist/js/i18n/it.js , dist/js/i18n/nl.js usw.) nach dist/js/select2.js einbezieht.

Eine Sprache verpassen? Kopieren Sie einfach src/js/select2/i18n/en.js , übersetzen Sie es und stellen Sie hier eine Pull -Anfrage zum SELECT2 hier auf GitHub zurück.

Dokumentation

Die Dokumentation für Select2 ist online auf der Dokumentations -Website verfügbar und befindet sich im docs -Verzeichnis dieses Repositorys.

Gemeinschaft

Auf der Seite Select2 -Community finden Sie die verschiedenen Möglichkeiten, um mit der Select2 -Community mit der Select2 -Community in Kontakt zu treten.

Urheberrecht und Lizenz

Die Lizenz ist im Repository in der Lizenzdatei verfügbar.

Mitwirkende

Code -Mitwirkende

Dieses Projekt besteht dank aller Menschen, die einen Beitrag leisten. [Beitragen].

Finanzielle Mitwirkende

Werden Sie ein finanzieller Mitwirkender und helfen Sie uns, unsere Gemeinschaft aufrechtzuerhalten. [Beitragen]

Individuen

Organisationen

Unterstützen Sie dieses Projekt mit Ihrer Organisation. Ihr Logo wird hier mit einem Link zu Ihrer Website angezeigt. [Beitragen]