yii2搜索框可以使用select2組件和一個Yii2增強包組成的select2 jQuery插件實現。
由select2組件和一個Yii2增強包組成的select2 jQuery插件。該輸入控件是一個基于jQuery的替代選擇框。它支持搜索,遠程數據集,和無限滾動的結果。
該組件是專門為bootstrap 3風格,并提供了一些改進。如果瀏覽器不支持jQuery,該組件甚至適用于一個正常的HTML選擇或輸入文本。最常用的場景就是在下拉內容過多時,自動輸入關鍵字,匹配選擇。
使用效果如下:
安裝
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