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

So verwenden Sie das yii2-Suchfeld

尚
Original
2019-12-24 13:43:142775Durchsuche

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"

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!

Stellungnahme:
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
Vorheriger Artikel:Wie spricht man yii aus?Nächster Artikel:Wie spricht man yii aus?