当前位置:Gxlcms > php框架 > yii2中dropDownList实现二级和三级联动写法

yii2中dropDownList实现二级和三级联动写法

时间:2021-07-01 10:21:17 帮助过:62人阅读

整理文档,搜刮出一个yii2中dropDownList实现二级和三级联动写法的代码,稍微整理精简一下做下分享。

视图页面:

  1. <?php $form = ActiveForm::begin([
  2. 'action' => ['index'],
  3. 'method' => 'get',
  4. ]); ?>
  5. <!--一级目录--> <?= $form->field($model, 'cocate_id')->dropDownList(Helper::courseCateMap(), ['prompt' => yii::t('backend', 'Please select course cate')]) ?>
  6. <!--二级目录--><?= $form->field($model, 'course_id')->dropDownList(Helper::courseMap($model->cocate_id), ['prompt' => yii::t('backend', 'Please select first course cate')])?>
  7. <!--三级目录--><?= $form->field($model, 'person_id')->dropDownList(Helper::personMap(1, $model->cocate_id), ['prompt' => yii::t('backend', 'Please select person')]) ?>
  8. <?php ActiveForm::end(); ?>
  9. 页面嵌套js
  10. <?php
  11. $js = '
  12. //分类
  13. $("#classsearch-cocate_id").change(function() {
  14. var cocateId = $(this).val();//获取一级目录的值
  15. $("#classsearch-course_id").html("<option value=\"\">'.yii::t('backend', 'Please select course').'</option>");//二级显示目录标签
  16. $("#classsearch-person_id").html("<option value=\"\">'.yii::t('backend', 'Please select person').'</option>");//三级显示目录标签(如果 你只需要二级 三级的可以直接删除掉)
  17. if (cocateId > 0) {
  18. getCourse(cocateId);//查询二级目录的方法
  19. getPerson(cocateId);//查询三级目录的方法(如果 你只需要二级 三级的可以直接删除掉)
  20. }
  21. });
  22. function getCourse(cocateId){
  23. var href = "'.Url::to(['/ajax/option']).'";//请求的地址
  24. $.ajax({
  25. "type" : "GET",
  26. "url" : href,
  27. "data" : {cocateId : cocateId,type : "course"},//所需参数和类型
  28. success : function(d) {
  29. $("#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自己声明的控制器:

  1. <?php
  2. namespace backend\controllers;
  3. class AjaxController extends BaseController
  4. {
  5. public function actionOption($cocateId, $type)
  6. {
  7. switch ($type) {
  8. case 'course':
  9. $_data = Helper::courseMap($cocateId);
  10. break;
  11. case 'person':
  12. $_data = Helper::personMap(1, $cocateId);
  13. break;
  14. case 'class':
  15. $_data = Helper::classMap($cocateId);
  16. break;
  17. }
  18. $_tmp = '';
  19. foreach ($_data as $key => $val) {
  20. $_tmp .= "<option value='" . $key . "'>{$val}</option>";
  21. }
  22. echo $_tmp;
  23. }

Helper.php 封装好的类文件 可以单独建立文件 在配置中引用 :

  1. <?php
  2. namespace backend\components;//继承的空间路径
  3. class Helper//声明类
  4. {
  5. //声明查询的方法 一级
  6. public static function courseCateMap()
  7. {
  8. $_data = CourseCate::find()->select('cocate_id,cocate_name')->all();
  9. $_data = ArrayHelper::map(array_merge($_data), 'cocate_id', 'cocate_name');
  10. return $_data;
  11. }
  12. //声明查询的方法 二级
  13. public static function courseMap($cocateId)
  14. {
  15. $condition['cocate_id'] = $cocateId;
  16. $_data = Course::find()->select('course_id,course_name')->where($condition)->all();
  17. $_data = ArrayHelper::map(array_merge($_data), 'course_id', 'course_name');
  18. return $_data;
  19. }
  20. //声明查询的方法 三级
  21. public static function personMap($percateId, $cocateId = 0)
  22. {
  23. $shopId = Yii::$app->user->identity->shop_id;
  24. $condition = [];
  25. if ($shopId)
  26. {
  27. $condition['shop_id'] = $shopId;
  28. }
  29. if ($percateId)
  30. {
  31. $condition['percate_id'] = $percateId;
  32. }
  33. if ($cocateId)
  34. {
  35. $condition['cocate_ids'] = intval($cocateId);
  36. }
  37. $_data = Person::find()->select('person_id,person_name')->where($condition)->all();
  38. $_data = ArrayHelper::map(array_merge($_data), 'person_id', 'person_name');
  39. return $_data;
  40. }
  41. }
  42. ?>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

人气教程排行