整理文檔,搜刮出一個yii2中dropDownList實現二級和三級聯動寫法的代碼,稍微整理精簡一下做下分享。
視圖頁面:
<?php $form = ActiveForm::begin([    'action' => ['index'],    'method' => 'get',  ]); ?>  <!--一級目錄--> <?= $form->field($model, 'cocate_id')->dropDownList(Helper::courseCateMap(), ['prompt' => yii::t('backend', 'Please select course cate')]) ?>  <!--二級目錄--><?= $form->field($model, 'course_id')->dropDownList(Helper::courseMap($model->cocate_id), ['prompt' => yii::t('backend', 'Please select first course cate')])?>   <!--三級目錄--><?= $form->field($model, 'person_id')->dropDownList(Helper::personMap(1, $model->cocate_id), ['prompt' => yii::t('backend', 'Please select person')]) ?>    <?php ActiveForm::end(); ?>  頁面嵌套js  <?php $js = '//分類$("#classsearch-cocate_id").change(function() {  var cocateId = $(this).val();//獲取一級目錄的值  $("#classsearch-course_id").html("<option value=/"/">'.yii::t('backend', 'Please select course').'</option>");//二級顯示目錄標簽  $("#classsearch-person_id").html("<option value=/"/">'.yii::t('backend', 'Please select person').'</option>");//三級顯示目錄標簽(如果 你只需要二級 三級的可以直接刪除掉)  if (cocateId > 0) {    getCourse(cocateId);//查詢二級目錄的方法    getPerson(cocateId);//查詢三級目錄的方法(如果 你只需要二級 三級的可以直接刪除掉)  }});  function getCourse(cocateId){  var href = "'.Url::to(['/ajax/option']).'";//請求的地址  $.ajax({    "type" : "GET",    "url"  : href,    "data" : {cocateId : cocateId,type : "course"},//所需參數和類型    success : function(d) {      $("#classsearch-course_id").append(d);//返回值輸出    }  });}function getPerson(cocateId){  var href = "'.Url::to(['/ajax/option']).'";//同上  $.ajax({    "type" : "GET",    "url"  : href,    "data" : {cocateId : cocateId,type : "person"},//所需參數和類型    success : function(d) {      $("#classsearch-person_id").append(d);//同上    }  });}      ';$this->registerJs($js);?>php代碼:
這個是ajax自己聲明的控制器:
<?php namespace backend/controllers;class AjaxController extends BaseController{    public function actionOption($cocateId, $type)  {    switch ($type) {      case 'course':        $_data = Helper::courseMap($cocateId);        break;      case 'person':        $_data = Helper::personMap(1, $cocateId);        break;      case 'class':        $_data = Helper::classMap($cocateId);        break;    }      $_tmp = '';    foreach ($_data as $key => $val) {      $_tmp .= "<option value='" . $key . "'>{$val}</option>";    }    echo $_tmp;  }Helper.php 封裝好的類文件 可以單獨建立文件 在配置中引用 :
<?phpnamespace backend/components;//繼承的空間路徑class Helper//聲明類{ //聲明查詢的方法 一級  public static function courseCateMap()  {    $_data = CourseCate::find()->select('cocate_id,cocate_name')->all();    $_data = ArrayHelper::map(array_merge($_data), 'cocate_id', 'cocate_name');    return $_data;  }  //聲明查詢的方法 二級    public static function courseMap($cocateId)  {    $condition['cocate_id'] = $cocateId;    $_data = Course::find()->select('course_id,course_name')->where($condition)->all();    $_data = ArrayHelper::map(array_merge($_data), 'course_id', 'course_name');    return $_data;  }  //聲明查詢的方法 三級   public static function personMap($percateId, $cocateId = 0)  {        $shopId = Yii::$app->user->identity->shop_id;    $condition = [];    if ($shopId)    {      $condition['shop_id'] = $shopId;    }    if ($percateId)    {      $condition['percate_id'] = $percateId;    }    if ($cocateId)    {      $condition['cocate_ids'] = intval($cocateId);    }    $_data = Person::find()->select('person_id,person_name')->where($condition)->all();    $_data = ArrayHelper::map(array_merge($_data), 'person_id', 'person_name');    return $_data;  }  }  ?>以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
圖片精選