Heim > Artikel > PHP-Framework > So verwenden Sie das yii2-Suchfeld
Das yii2-Suchfeld kann mithilfe des select2-jQuery-Plug-ins implementiert werden, das aus der select2-Komponente und einem Yii2-Erweiterungspaket besteht.
Das select2 jQuery-Plug-in besteht aus select2-Komponenten und einem Yii2-Erweiterungspaket. Dieses Eingabesteuerelement ist eine jQuery-basierte Alternative zum Auswahlfeld. Es unterstützt Suchen, Remote-Datensätze und unendliches Scrollen der Ergebnisse.
Diese Komponente wurde speziell für den Bootstrap-3-Stil entwickelt und bietet einige Verbesserungen. Wenn der Browser jQuery nicht unterstützt, funktioniert die Komponente sogar mit einer normalen HTML-Auswahl oder einem Eingabetext. Das am häufigsten verwendete Szenario ist die automatische Eingabe von Schlüsselwörtern und Übereinstimmungsauswahlen, wenn zu viel Dropdown-Inhalt vorhanden ist.
Der Nutzungseffekt ist wie folgt:
Installation
Composer ist die beste Installationsmethode (empfohlen), führen Sie die folgenden Befehle aus Installieren und wechseln. Gehen Sie zum Projektstammverzeichnis
composer require kartik-v/yii2-widget-select2 "@dev"
oder fügen Sie den folgenden Code zum erforderlichen Speicherort in der Datei „composer.json“ im Stammverzeichnis
"kartik-v/yii2-widget-select2": "@dev"
hinzu. Hinweis: Composer hat dies nicht getan wurde schon lange aktualisiert, bitte aktualisieren Sie zuerst das Composer-Selbstupdate
Verwendung
use kartik\select2\Select2; // Normal select with ActiveForm & model echo $form->field($model, 'state_1')->widget(Select2::classname(), [ 'data' => $data, 'language' => 'de', 'options' => ['placeholder' => 'Select a state ...'], 'pluginOptions' => [ 'allowClear' => true ], ]); // Multiple select without model echo Select2::widget([ 'name' => 'state_2', 'value' => '', 'data' => $data, 'options' => ['multiple' => true, 'placeholder' => 'Select states ...'] ]);
Die chinesische PHP-Website bietet eine große Anzahl kostenloser Yii-Einführungs-Tutorials, jeder ist willkommen lernen!
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das yii2-Suchfeld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!