activeform三级联动 [ 2.0 版本 ]

为了自我学习和交流PHP（jQuery,Linux,lamp,shell,JavaScript,服务器）等一系列的知识，希望光临本博客的人可以进来交流。寻求共同发展。搭建平台。本人博客也有许多的技术文档，希望可以为你提供一些帮助。


QQ群： 191848169  
点击链接加入群【PHP技术交流（总群）】

参考问题yii2选择地区时如何实现三级联动

表结构

$this->createTable('{{%area}}', [
'id' => $this->primaryKey(6),
'name' => $this->string(45),
'pid' => $this->integer(6),
'code' => $this->string(5),
'level' => $this->integer(1),
'typename' => $this->string(4),
], $tableOptions);

需要在表单页面中地址能显示到默认的位置

已经解决了，有空把解决就把解决方案以视频形式发出来

解决方式：

1.在模型中定义省市区三个字段，并在

afterFind

方法中给新增字段赋值

class UserInformation extends \yii\db\ActiveRecord
{
public $province_area_id = 0;
public $city_area_id = 0;
public $county_area_id = 0;

public function afterFind()
{
parent::afterFind(); // TODO: Change the autogenerated stub
$this->setProvinceCityCounty($this->area_id);
}

private function setProvinceCityCounty($area_id)
{
$Area = new Area();
$area_info = $Area::findOne($area_id);
if($area_info){
switch($area_info->level){
case 1:
$this->province_area_id = $area_info->id;
break;
case 2:
$this->province_area_id = $area_info->pid;
$this->city_area_id = $area_info->id;
break;
case 3:
$this->province_area_id = $Area::getParentId($area_info->pid);
$this->city_area_id = $area_info->pid;
$this->county_area_id = $area_info->id;
break;
}
}
}
...
}

2.在

Area

模型中实现获取子列表方法

/**
* This is the model class for table "{{%area}}".
*
* @property integer $id
* @property string $name
* @property integer $pid
* @property string $code
* @property integer $level
* @property string $typename
*/
class Area extends \yii\db\ActiveRecord
{
public $select_head = [
["id"=>0, "name"=>"请选择"],
["id"=>0, "name"=>"请选择省"],
["id"=>0, "name"=>"请选择市"],
["id"=>0, "name"=>"请选择区"],
];
...
/**
* 获取子列表
* @param $pid
* @return static[]
*/
public static function getChildrenList($pid,$level=0)
{
$x[] = (new static)->select_head[$level];
return array_merge($x,static::findAll(['pid'=>$pid]));
}
}

3.用

Html::activeDropDownList

组件实现可编辑样式的下拉框，其中用onchange方法来实现ajax获取子列表，组件会根据值来设置默认选中的地区

<?= $form->field($UserInformation, 'area_id', [
'template'=>'{label}<div id="area_linkage"><div class="col-sm-3">'.
Html::activeDropDownList($UserInformation,'province_area_id', ArrayHelper::map($Area::getChildrenList(0,1), 'id', 'name'), [
'class' => 'form-control',
'onchange' => '
$("#userinformation-area_id").val($(this).val());
$.ajax({
type:"post",
url:"'.Yii::$app->urlManager->createUrl('/usercenter/area/ajax-post-children-area').'",
data:{pid:$(this).val(),level:2},
success:function(msg){
$("#userinformation-city_area_id").html(msg);
$("#userinformation-county_area_id").html(\'<option value="0">请选择区</option>\');
}
});
',
])
.'</div><div class="col-sm-3">'.
Html::activeDropDownList($UserInformation,'city_area_id', ArrayHelper::map($Area::getChildrenList($UserInformation->province_area_id,2), 'id', 'name'), [
'class' => 'form-control',
'onchange' => '
$("#userinformation-area_id").val($(this).val());
$.ajax({
type:"post",
url:"'.Yii::$app->urlManager->createUrl('/usercenter/area/ajax-post-children-area').'",
data:{pid:$(this).val(),level:3},
success:function(msg){
$("#userinformation-county_area_id").html(msg);
}
});
',
])
.'</div><div class="col-sm-3">'.
Html::activeDropDownList($UserInformation,'county_area_id', ArrayHelper::map($Area::getChildrenList($UserInformation->city_area_id,3), 'id', 'name'), [
'class' => 'form-control',
'onchange' => '
$("#userinformation-area_id").val($(this).val());
',
])
.'</div><div class="hidden" id="parent_div_area_id">{input}</div></div>',
])->hiddenInput(); ?>

/usercenter/area/ajax-post-children-area

方法：

class AreaController extends UserCenterController
{
public function actionAjaxPostChildrenArea()
{
if(\Yii::$app->request->isAjax){
$pid = \Yii::$app->request->post('pid');
$level = \Yii::$app->request->post('level');
$area_children = Area::getChildrenList($pid,$level);
$option = "";
if(count($area_children)>0){
foreach($area_children as $k => $v){
$option .= Html::tag('option',Html::encode($v['name']),['value'=>$v['id']]);
}
}
echo $option;
}
}
}