yii2搜索框的是實現(xiàn)方法

這篇文章將為大家詳細講解有關(guān)yii2搜索框的是實現(xiàn)方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

yii2搜索框可以使用select2組件和一個Yii2增強包組成的select2 jQuery插件實現(xiàn)。

由select2組件和一個Yii2增強包組成的select2 jQuery插件。該輸入控件是一個基于jQuery的替代選擇框。它支持搜索，遠程數(shù)據(jù)集，和無限滾動的結(jié)果。

該組件是專門為bootstrap 3風(fēng)格，并提供了一些改進。如果瀏覽器不支持jQuery，該組件甚至適用于一個正常的HTML選擇或輸入文本。最常用的場景就是在下拉內(nèi)容過多時，自動輸入關(guān)鍵字，匹配選擇。

使用效果如下：

安裝

Composer是最佳的安裝方式（推薦），運行以下命令進行安裝，切換到項目根目錄

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

或者添加下面代碼到根目錄的composer.json文件中require位置

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

注意：composer長時間未更新請先更新 composer self-update

用法

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

關(guān)于“yii2搜索框的是實現(xiàn)方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。