yii2検索ボックスの使い方

yii2 検索ボックスは、Yii2 拡張パッケージで構成される select2 コンポーネントと select2 jQuery プラグインを使用して実装できます。

select2 jQuery プラグインは、select2 コンポーネントと Yii2 拡張パッケージで構成されています。この入力コントロールは、選択ボックスに代わる jQuery ベースのコントロールです。検索、リモート データセット、結果の無限スクロールをサポートします。

このコンポーネントはブートストラップ 3 スタイル専用に設計されており、いくつかの改善が施されています。ブラウザが jQuery をサポートしていない場合、コンポーネントは通常の HTML 選択または入力テキストでも機能します。最も一般的に使用されるシナリオは、ドロップダウン コンテンツが多すぎる場合に、キーワードを自動的に入力し、選択内容を照合することです。

使用効果は次のとおりです:

##インストール

Composer が最適なインストール方法です (推奨)。インストールするには次のコマンドを実行します。プロジェクトのルート ディレクトリ

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

に移動するか、ルート ディレクトリ

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

の Composer.json ファイルの必要な場所に次のコードを追加します。 注: Composer はまだインストールされていません。長い間更新されてきたため、最初にコンポーザーの自己更新を更新してください

使用方法

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

PHP 中国語の Web サイトには、無料の

Yii 入門チュートリアル が多数あります。どなたでもご利用いただけます。学ぶ！

以上がyii2検索ボックスの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。