yii2中dropDownList实现二级和三级联动写法
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 封装好的类文件 可以单独建立文件 在配置中引用 :
<?php namespace 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; } } ?>
原文链接:http://www.yiichina.com/tutorial/1227
(资源库 www.zyku.net)
您可能感兴趣的文章
- 01-12壹拍即合-壹拍即合应用软件功能介绍
- 10-08小米civi怎么开启定位功能
- 07-15帝国cms教程JS广告复制
- 01-11初中语文课堂笔记-初中语文课堂笔记应
- 01-11临泉论坛-临泉论坛应用软件功能介绍
- 02-20notepad2和notepad++区别是什么?哪个好
- 03-19Zend Studio 支持代码自动换行的方法
- 02-04oppoa72启用5g网络教程
- 02-22dedecms实现显示访问者ip地址的方法
- 12-31精准录音转文字-精准录音转文字应用软
- 01-03氢课教育-氢课教育应用软件功能介绍
- 02-03红米note9关闭volte高清通话教程
- 12-09如何卸载删除windows服务
- 01-11苹果13添加快捷指令方法
- 01-12M Home-M Home应用软件功能介绍
- 01-11面积测量仪-面积测量仪应用软件功能介
- 05-28配置iis支持.json格式的文件
- 01-13爱拼长图-爱拼长图应用软件功能介绍
- 09-15vivox70如何设置红包助手
- 01-31一加8t设置手机自动息屏时间教程
最近更新
阅读排行
猜你喜欢
- 04-02华为手机导出联系人教程
- 02-11聊聊Numpy.array中[:]和[::]的区别在
- 03-24华为开启sa模式步骤教程
- 01-19酷爱抓娃娃-酷爱抓娃娃应用软件功能介
- 01-11呆书屋-呆书屋应用软件功能介绍
- 04-08华为mate40e设置24小时制方法
- 05-21Yii框架实现的验证码、登录及退出功能
- 06-10PHP获取数组中单列值的方法
- 10-19红米手机怎么设置勿扰模式
- 02-16华为手机电话黑名单查看方法