Yii2 中国省市区三级联动

1、获取源码:https://github.com/chenkby/yii2-region

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‘=>‘选择县/区‘]
    ]
]);
?>

  

时间: 2024-08-13 08:21:56

Yii2 中国省市区三级联动的相关文章

PHP + jQuery + Json 实现中国省市区三级联动

定义省市区结构的JSON文件代码: city.data.js: var cityData = [{ value: '110000', text: '北京市', children: [{ value: "110100", text: "北京市", children: [{ value: "110101", text: "东城区" }, { value: "110102", text: "西城区&qu

MVC和WebForm 中国省市区三级联动

MVC和WebForm是微软B/S端的两条腿,两种不同的设计理念,相对来说MVC更优于WebForm对于大数据的交互,因为WebForm是同一时间传输所有数据,而MVC它只是传输所用到的数据,更精确,传输量少等待数据传输的响应时间就短.但是WebForm也有他的优点,比如说设计起来更像Winform容易理解. SQL表如下: 根据ParentAreaCode=0001可以查出省级地市, 对应的省级地市有AreaCode 根据不同的AreaCode输入在ParentAreaCode中可以查出省级地

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php <!DOCTYPE html><html>    <head>        <meta c

jquery省市区三级联动(数据来源国家统计局官网)内附源码下载

很久很久没有写博了. 今天更新了项目的省市区三级联动数据,更新后最新的海南三沙都有,分享给所有需要的小伙伴们... JQUERY + JSON,无数据库,纯JS代码,无加密,无压缩,可直接使用在任何项目中. 数据来源于国家统计局官网. 先上图: 绑定省市区 使用方法: 1. 引用JQUERY    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min

用jsp实现省市区三级联动下拉

jsp+jquery实现省市区三级联动下拉 不少系统都需要实现省市区三级联动下拉,像人口信息管理.电子商务网站.会员管理等,都需要填写地址相关信息.而用ajax实现的无刷新省市区三级联动下拉则可以改善用户体验,目前基本上所有网站都是采用这一种方式.现在ajax的使用已经不像最初那样使用最原始的方法了,因为有很多的js框架供我们选择,我们只需要调用它们的一个方法就可以实现ajax功能,而其他的则交给js组件去完成. 最近整理了一份最新的全国省市区县数据库,再加上之前还没有在jsp中实现过省市区三级

省市区三级联动(二)JS部分简单版

通过对上一篇<省市区三级联动>的学习发现JScript部分省市区的填充代码几乎相同,所以可以写成一个函数. 注意:html部分和chuli.php部分不变 1.下拉列表填充可以写成带参数的函数 $("#sjld").html("<select id='sheng'></select><select id='shi'></select><select id='qu'></select>"

QQ JS省市区三级联动

如下图: 首先写一个静态的页面: <!DOCTYPE html> <html> <head> <title>QQ JS省市区三级联动</title> <!-- 使用QQ的省市区数据 --> <!-- <script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script> --> <

AJAX省市区三级联动下拉列表实现 JAVA开发

转载自:http://blog.sina.com.cn/s/blog_a48af8c001011lx1.html 例子--District Picker            http://fengyuanchen.github.io/distpicker/ 此小程序的功能主要是采用异步请求方式从数据库中调取省市区信息显示到下拉列表: 代码如下: 建立数据库中的代码和一些配置文件信息就省略了,主要有JavaScript中的代码为: $(document).ready(function(){   

【修改】纯JS省市区三级联动 支持js默认省市区

---恢复内容开始--- <!DOCTYPE html><html><head><title>修改,QQ JS省市区三级联动 -支持默认省市区</title><!-- 使用QQ的省市区数据 --><!--<script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script>--><