yii2搜索框怎么做

yii2搜索框怎么做

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

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

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

使用效果如下:

yii2搜索框怎么做

安裝

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

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

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

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

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

用法

use?kartikselect2Select2;  //?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中文網,有大量免費的Yii入門教程,歡迎大家學習!

? 版權聲明
THE END
喜歡就支持一下吧
點贊15 分享