How to use yii2 search box

The yii2 search box can be implemented using the select2 component and the select2 jQuery plug-in composed of a Yii2 enhancement package.

The select2 jQuery plug-in consists of select2 components and a Yii2 enhancement package. This input control is a jQuery-based alternative to the select box. It supports searches, remote datasets, and infinite scrolling of results.

This component is designed specifically for bootstrap 3 style and provides some improvements. If the browser does not support jQuery, the component even works with a normal HTML selection or input text. The most commonly used scenario is to automatically enter keywords and match selections when there is too much drop-down content.

The usage effect is as follows:

composer require kartik-v/yii2-widget-select2 "@dev"

"kartik-v/yii2-widget-select2": "@dev"

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 ...']
]);

Yii introductory tutorials, everyone is welcome to learn!

The above is the detailed content of How to use yii2 search box. For more information, please follow other related articles on the PHP Chinese website!