Heim > PHP-Framework > YII > So verwenden Sie das yii2-Suchfeld

So verwenden Sie das yii2-Suchfeld

Freigeben: 2019-12-24 13:43:14
Original
2815 Leute haben es durchsucht

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:

So verwenden Sie das yii2-Suchfeld

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"
Nach dem Login kopieren

oder fügen Sie den folgenden Code zum erforderlichen Speicherort in der Datei „composer.json“ im Stammverzeichnis

"kartik-v/yii2-widget-select2": "@dev"
Nach dem Login kopieren

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 ...']
]);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage