官网:https://github.com/laravel-admin-extensions/china-distpicker
//如果要使用省市区名字,记住把china-distpicker/china_area.sql文件下载然后导入到你自己的数据库
截图:

安装
composer require laravel-admin-ext/china-distpicker
然后发布
php artisan vendor:publish --tag=laravel-admin-china-distpicker
配置
在config/admin.php文件的extensions配置部分,加上属于这个扩展的配置

'extensions' => ['china-distpicker' => [// 如果要关掉这个扩展,设置为false'enable' => true,]
]

使用

在数据库表中有三个字段province, city, district, 在form表单中使用它:
默认存入数据库的是省市区的行政代码,而不是省市区的名字,Distpicker所使用的地域编码是基于国家统计局发布的数据, 数据字典为china_area.sql文件.

 $form->distpicker(['province' => '省','city'     => '市','district' => '区']);

Grid 列表展示需要转换为省市区名字,代码如下:

  //省名$grid->column('province', __('Province'))->display(function($code) {$name = DB::table('china_area')->where('code', $code)->value('name');return $name;});//市名            $grid->column('city', __('City'))->display(function($code) {$name = DB::table('china_area')->where('code', $code)->value('name');return $name;});//区名    $grid->column('district', __('District'))->display(function($code) {$name = DB::table('china_area')->where('code', $code)->value('name');return $name;});

Detail 详情展示,代码如下:

      $show->field('province', __('Province'))->unescape()->as(function ($code) {$name = DB::table('china_area')->where('code', $code)->value('name');return $name;});$show->field('city', __('City'))->unescape()->as(function ($code) {$name = DB::table('china_area')->where('code', $code)->value('name');return $name;});$show->field('district', __('District'))->unescape()->as(function ($code) {$name = DB::table('china_area')->where('code', $code)->value('name');return $name;});

后面遇见问题再记录------------------------------------

laravel-admin 省市区三级联动的爬坑问题相关推荐

  1. python省市区三级联动_Django Admin实现三级联动的示例代码(省市区)

    通过自定义Admin的模板文件实现省市区的三级联动.要求创建记录时,根据省>市>区的顺序选择依次显示对应数据. 修改记录时默认显示已存在的数据. Model class Member(mo ...

  2. element vue 获取select 的label_vue+elementui实现省市区三级联动

    老大喊你起来营业了 醒醒,打工人!开始工作了,今天讲讲我的踩坑记录吧! 这次我们用的是vue-admin-webapp,基于 vue 和 element-ui 采用了最新的前端技术栈来开发一个管理系统 ...

  3. vant-Weapp实现省市区三级联动顶部弹出列表

    准备:利用vant weapp做的顶部弹出的省市区三级联动对话框 1.下载区域:arrea.js,放到utils备用 // 三级联动省市区 export default {province_list: ...

  4. js实现省市区三级联动(三个下拉框实现)

    js实现省市区三级联动(一个下拉框实现.页面可以多次引用) html代码: 您选择的是: <input type="text" value="" id=& ...

  5. vue——省市区三级联动demo

    最近学习vue,想着写一写demo练习练习. 此demo是省市区的三级联动,像这样的场景我们经常看到.我也是刚开始写没有头绪,然后多方查资料. 写此demo时踩过的坑: 1.数据:我们希望后台给我们的 ...

  6. laraveladmin省市区三级联动

    Distpicker是一个中国省市区三级联动选择组件,这个包是基于Distpicker的laravel-admin扩展,用来将Distpicker集成进laravel-admin的表单中 安装 com ...

  7. 2018最新版省市区三级联动下拉框+所有源代码以及数据库

    2018年国家统计局最新数据,JSP+Servlet+Dao实现省市区三级联动下拉框的效果 DropdownDAO.java -–Dao层 package com;import java.sql.Co ...

  8. QQ JS省市区三级联动

    如下图: 首先写一个静态的页面: <!DOCTYPE html> <html> <head> <title>QQ JS省市区三级联动</title ...

  9. 仿qq省市区三级联动js

    HTML Code: <!DOCTYPE html> <html> <head> <title>QQ JS省市区三级联动</title> & ...

最新文章

  1. Liferay 6.1 用maven 构建 service-builder的巨大BUG的修复
  2. numpy 图片填充_numpy/python中的洪水填充分割图像
  3. centos升级内核
  4. 我的内核学习笔记10:Intel GPIO驱动源码分析
  5. 线程同步 -事件Event、临界区对象CriticalSection
  6. python实验室公众号_区块链研究实验室 | 使用Python编写Tendermint应用程序
  7. leetcode771题
  8. 在OpenWrt系统的路由器NETGEAR WNDR4300上安装KMS服务器vlmcsd
  9. AcrelEMS-IDC数据中心综合能效管理解决方案
  10. Scrum板与Kanban如何抉择?bdqkdzlvv板与按照vfnbex
  11. 软件实训:手把手写一个简单的javaweb项目
  12. Windows常用注册表文件-修改右键菜单
  13. 程序员转行一般是因为什么,会去哪些行业?
  14. Jenkins+Gerrit创建新工程手顺
  15. 【源码部署】Kettle IDEA 源码部署
  16. 四舍六入五成双(四舍六入奇偶效验)银行家算法
  17. Vue动态控制表格列的显示隐藏
  18. 【项目精选】病历管理系统设计与实现(源码+视频)
  19. Kotlin Parcelize注解 即kotlin-android-extensions抛弃之后
  20. 测试工程师苦逼时刻,Android 谈谈自动化测试

热门文章

  1. 智能电视也进入消费者重视芯片的时代了
  2. 【待细看】关于GDAL的VRT格式
  3. Python地学分析 — GDAL对遥感影像重投影
  4. 操作系统——操作系统发展历程及基本概念
  5. 开发者必看!KISS、DRY和需要遵守的编码原则
  6. 桌面虚拟化各厂家解决方案
  7. PHP 数据类型划分(8种)、获取数据(变量)的类型函数、单引号和双引号的字符串区分转义符、定界符、拓展
  8. 接口测试工具(下篇)——命令行工具curl
  9. 511遇见易语言逻辑比较关系判断
  10. sql中insert的几种用法