整理文档,搜刮出一个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 backendcontrollers;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 backendcomponents;//继承的空间路径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; } } ?>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持网页设计。