yii2帶搜尋功能的下拉框例項詳解

2022-10-06 05:39:10 字數 1416 閱讀 8495

簡單的小功能,但是用起來還是蠻爽的。分享出來讓更多的人有更快的開發效率,開開心心快樂程式設計。

如果你還沒有使用過composer,你可就out了,看我的教程分享,composer簡直就是必備神奇有木有。都說到這個點上了,我們趕緊使用composer進行安裝吧。

先給大家展示下效果圖:

下面給大家說下具體實現思路:

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

#特別說明,因為這裡安裝的dev版本,也就是開發版本,不穩定版本,如果你的專案是git託管的,composer安裝下來之後這裡記得刪掉 \vendor\kartik-v\yii2-widget-select2目錄下的.git檔案,不然你提交不上去的哦

www.cppcns.com

等他個大概5分鐘的樣子差不多了,安裝就好了,然後我們就可以像下面一樣開始使用了

//如果你的表單是activeform,請使用

use kartik\select2\select2;

//$data是鍵值對陣列哦,key-value ,下面所宣告的所有$data均為鍵值對陣列,以該陣列為例

$data = [2 => 'widget', 3 => 'dropdownlist', 4 => 'yii2'];

echo $form->field($model, 'title')->widget(select2::classname(), [

'data' => $data,

'options' => ['placeholder' => '請選擇 ...'],

]);//如果你的表單是非active程式設計客棧form,可以參考下面的

use kartik\select2\select2;

echo select2::widget([ 'nwww.cppcns.comame' => 'title',

'data' => $data,

'options' => ['placeholder' => '請選擇...']

]);#非activefomr生成的更新資料的時候就需要預設選中,好辦,加value值即可

use kartik\select2\select2;

echo select2::widget([

'name' => 'title',

'value' => 2,

'data' => $data,

'options' => ['placeholder' =>mvzbgsnhq; '請選擇...']

]);#但是如果你的表單是activeform生成的,但是往往字段不是表字段怎麼辦呢?更好辦啦,以上面的為例,你只需要指定$model->title = ['title1', 'title2'];即可

本文標題: yii2帶搜尋功能的下拉框例項詳解

本文位址:

yii2下拉框帶搜尋功能

如果你還沒有使用過composer,你可就out了,看我的教程分享,composer簡直就是必備神奇有木有。都說到這個點上了,我們趕緊使用composer進行安裝吧。啥玩意,不感興趣?繼續看嘛,看完再操作一邊才能覺得好在 有木有感覺很帥氣,當然啦,遠遠不止,還很上檔次用起來效果也是槓槓的有木有。好了...

Django帶搜尋功能的下拉框

原本只做了乙個下拉框,後面隨著資料越來越多,選擇資料就變得很困難。考慮再下拉框中再增加乙個搜尋功能。方法一 django select2 forms 不過對py3和django3的支援不好,會產生報錯,所以我放棄了這個方法。方法二 使用jquery2 select2 可以參考 由於對前端知識掌握不透...

Yii2下拉框實現

詳細介紹yii2下拉框的實現方法,以商品分類的下拉框為例 第一種方法 使用html的activedropdownlist 該方法的優點是 可以自定義下拉框的樣式。具體實現如下 1.控制器中,獲取檢視中所需的資料 public function actionlist 2.檢視中,use yii hel...