当前位置: 移动技术网 > IT编程>开发语言>PHP > Yii2实现中国省市区三级联动实例

Yii2实现中国省市区三级联动实例

2017年12月12日  | 移动技术网IT编程  | 我要评论

1、获取源码:

2、安装

添加到你的composer.json文件

"chenkby/yii2-region": "dev-master"

切换到项目目录

composer update;

3、配置

1) 在地区的model中添加以下方法

public static function getregion($parentid=0)
{
  $result = static::find()->where(['parent_id'=>$parentid])->asarray()->all();
  return arrayhelper::map($result, 'id', 'name');
}

2) 在controller中添加以下action

public function actions()
{
  $actions=parent::actions();
  $actions['get-region']=[
    'class'=>\chenkby\region\regionaction::classname(),
    'model'=>\app\models\region::classname()
  ];
  return $actions;
}

3) 在common/config里的main.php中添加 urlmanager的enableprettyurl的,即隐藏index.php

"urlmanager" => [  
  //用于表明urlmanager是否启用url美化功能,在yii1.1中称为path格式url,  
  // yii2.0中改称美化。  
  // 默认不启用。但实际使用中,特别是产品环境,一般都会启用。  
  "enableprettyurl" => true,  
  // 是否启用严格解析,如启用严格解析,要求当前请求应至少匹配1个路由规则,  
  // 否则认为是无效路由。  
  // 这个选项仅在 enableprettyurl 启用后才有效。  
  "enablestrictparsing" => false,  
  // 是否在url中显示入口脚本。是对美化功能的进一步补充。  
  "showscriptname" => false,  
  // 指定续接在url后面的一个后缀,如 .html 之类的。仅在 enableprettyurl 启用时有效。  
  "suffix" => "",  
  "rules" => [    
    "<controller:\w+>/<id:\d+>"=>"<controller>/view", 
    "<controller:\w+>/<action:\w+>"=>"<controller>/<action>"  
  ],
],

4、使用

<?= $form->field($model, 'district')->widget(\chenkby\region\region::classname(),[
  'model'=>$model,
  'url'=> \yii\helpers\url::toroute(['get-region']),
  'province'=>[
    'attribute'=>'province',
    'items'=>region::getregion(),
    'options'=>['class'=>'form-control form-control-inline','prompt'=>'选择省份']
  ],
  'city'=>[
    'attribute'=>'city',
    'items'=>region::getregion($model['province']),
    'options'=>['class'=>'form-control form-control-inline','prompt'=>'选择城市']
  ],
  'district'=>[
    'attribute'=>'district',
    'items'=>region::getregion($model['city']),
    'options'=>['class'=>'form-control form-control-inline','prompt'=>'选择县/区']
  ]
]);
?> 

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网