laravel-admin中省市区select三级联动功能demo
Laravel  /  管理员 发布于 2年前   1523
laravel-admin中省市区select三级联动功能demo
NewsList调用控制器
<?php
namespace App\Admin\Controllers;
use App\Models\NewsList;
use Encore\Admin\Controllers\HasResourceActions;
use Encore\Admin\Form;
use Encore\Admin\Grid;
use Encore\Admin\Layout\Content;
use App\Http\Controllers\Controller;
use App\Models\ChinaArea;
class NewsListController extends Controller
{
use HasResourceActions;
/**
* Make a form builder.
* @return Form
*/
protected function form()
{
$form = new Form(new NewsList());
$form->tab('省市区三级联动', function (Form $form) {
$form->select('sheng','省份')->options(
ChinaArea::province()->pluck('name', 'id')
)->load('shi', '/api/china/city');
$form->select('shi','城市')->options(function ($id) {
return ChinaArea::options($id);
})->load('qu', '/api/china/district');
$form->select('qu','区')->options(function ($id) {
return ChinaArea::options($id);
});
})
return $form;
}
}
城市表控制器 (路由过来两个异步加载的接口)
<?php
namespace App\Admin\Controllers\China;
use App\Http\Controllers\Controller;
use App\Models\ChinaArea;
use Encore\Admin\Layout\Content;
use Encore\Admin\Widgets\Box;
use Encore\Admin\Widgets\Form;
use Encore\Admin\Widgets\Table;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
class ChinaController extends Controller
{
public function city(Request $request)
{
$provinceId = $request->get('q');
return ChinaArea::city()->where('parent_id', $provinceId)->get(['id', DB::raw('name as text')]);
}
public function district(Request $request)
{
$cityId = $request->get('q');
return ChinaArea::district()->where('parent_id', $cityId)->get(['id', DB::raw('name as text')]);
}
}
城市表结构
CREATE TABLE `Address` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`name` varchar(30) DEFAULT NULL COMMENT '名称',
`parent_id` int(10) DEFAULT NULL COMMENT '上级ID',
PRIMARY KEY (`id`),
UNIQUE KEY `PK_City` (`id`),
KEY `idx_upid` (`parent_id`),
) ENGINE=InnoDB AUTO_INCREMENT=3743 DEFAULT CHARSET=utf8 COMMENT='城市表';
Model
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
class ChinaArea extends Model
{
protected $table = 'Address';
public function brothers()
{
return $this->parent->children();
}
public static function options($id)
{
if (! $self = static::find($id)) {
return [];
}
return $self->brothers()->pluck('name', 'id');
}
}
路由
$router->get('api/china/city', 'China\ChinaController@city');
$router->get('api/china/district', 'China\ChinaController@district');
博主 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..xiaoB 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..BUG4 在
你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..博主 在
go语言+beego框架中获取get,post请求的所有参数中评论 @ t1 直接在router.go文件中配就ok..Jade 在
如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号