Dep drop เป็นการสร้างดรอปต์ดาวน์ลิสต์ 2 ตัวที่มีความเกี่ยวเนื่องกัน เช่น ประเภท กับ หมวดหมู่ ที่หนึ่งประเภทมีหลายหมวดหมู่ ดังนั้นถ้าเราเลือกประเภท อีก drop down list หนึ่งก็จะขึ้นแต่หมวดหมู่ในแต่ละประเภทนั้น ๆ ให้เราง่ายต่อการเลือก

ติดตั้ง Dep Drop ด้วย composer ใน command line

composer require kartik-v/yii2-widget-depdrop "dev-master"

1.สร้าง action ใน controller เพื่อดึงข้อมูลในแต่ละประเภทว่ามีหมวดหมู่อะไรบ้าง

TransferController.php

 public function actionCat($id) {
	    Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
	   
	    if (isset($_POST['depdrop_parents'])) {
	        $parents = $_POST['depdrop_parents'];
	        if ($parents != null) {
	            $type_id = $parents[0];
				$cats = TransferCategory::find()->where(['transfer_type_id'=>$type_id])->all();
				$out=[];
				foreach($cats as $cat){
					$out[]=['id'=>$cat->id,'name'=>$cat->name];
				
				}
	           // $out = self::getSubCatList($cat_id); 
				
				
				
	            // the getSubCatList function will query the database based on the
	            // cat_id and return an array like below:
	            // [
	            //    ['id'=>'', 'name'=>''],
	            //    ['id'=>'', 'name'=>'']
				if($id!=null){
					return ['output'=>$out, 'selected'=>$id];
				}else{
					return ['output'=>$out, 'selected'=>""];
				}
	            // ]
	            
	        }
	    }
	    return ['output'=>'', 'selected'=>''];
	}

2.สร้าง Dropdownlist ในหน้าแสดงผล เพื่อให้มีการเรียกใช้ action ดังกล่าวเมื่อมีการเลือกประเภท

_form.php

<?use yii\helpers\Html;
use yii\helpers\ArrayHelper;
use kartik\depdrop\DepDrop;
use yii\helpers\Url;
use yii\web\UrlManager;
use yii\widgets\ActiveForm;
use common\models\TransferType;
use common\models\TransferCategory;
?-->
<?= $form-&gt;field($model, 'transfer_type_id')
	        -&gt;dropDownList(
	           ArrayHelper::map(TransferType::find()-&gt;asArray()-&gt;all(), 'id', 'name'), ['id'=&gt;'transfer_type_id']
	        )->label("ประเภท")
			?>
			 
	<? echo $form->field($model, 'transfer_category_id')->label("หมวดหมู่")->widget(DepDrop::classname(), [
						
					    'options'=>['id'=>'transfer-category-id'],
					    'pluginOptions'=>[
							'initialize'=>true,
					        'depends'=>['transfer_type_id'],
					        'placeholder'=>'Select...',
					        'url'=>Url::to(['/transfer/cat/?id='.$model->transfer_category_id])
					    ]
					]);
			?></pre>