整理文档,搜刮出一个yii2中dropDownList实现二级和三级联动写法的代码,稍微整理精简一下做下分享。
视图页面:
<?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').'");//二级显示目录标签
$("#classsearch-person_id").html("<option value=\"\">'.yii::t('backend','Please select person').'");//三级显示目录标签(如果 你只需要二级 三级的可以直接删除掉)
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",type : "person"},//所需参数和类型
success : function(d) {
$("#classsearch-person_id").append(d);//同上
}
});
}
';
$this->registerJs($js);
?>
这个是ajax自己声明的控制器:
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 .= "";
}
echo $_tmp;
}
Helper.PHP 封装好的类文件 可以单独建立文件 在配置中引用 :
$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;
}
}
?>