主頁 > 知識庫 > laravel-admin的多級聯(lián)動(dòng)方法

laravel-admin的多級聯(lián)動(dòng)方法

熱門標(biāo)簽:銅川電話機(jī)器人價(jià)格 德陽中江如何申請400開頭電話 聊城電話外呼系統(tǒng)公司 沛縣400電話辦理 江蘇電商外呼系統(tǒng)運(yùn)營商 青白江地圖標(biāo)注 辦理重慶400電話 智能電話機(jī)器人好公司門薩維 AI電話機(jī)器人OEM貼牌

laravel-admin的框架已經(jīng)定義好的多級聯(lián)動(dòng)可以去官網(wǎng)查看,這里就不再進(jìn)行贅述,但是使用中發(fā)現(xiàn)功能與想要的東西有些偏差,剛進(jìn)來默認(rèn)的時(shí)候不好用,就自己改了改,增加了一個(gè)默認(rèn)的方法。

以城市和地區(qū)的二級聯(lián)動(dòng)為例,當(dāng)我選擇沈陽時(shí),地區(qū)列表變成和平區(qū)、沈河區(qū)、鐵西區(qū)等等,當(dāng)我選擇大連時(shí)顯示瓦房店、甘井子等等

首先,按照laravel-admin的文檔,在Model中添加

 public function __construct(array $attributes = [])
 {
  parent::__construct($attributes);

  $this->setParentColumn('pid');
  $this->setOrderColumn('sort');
  $this->setTitleColumn('name');
 }

然后在form上添加城市和地區(qū)的select控件

 protected function form()
 {
  return Admin::form(AreaModel::class, function (Form $form) {

   $form->text('name', '名稱')->rules("required");
   $form->select('city_id','城市')->options(

    DealCityModel::selectOptionsNoRoot()

   )->load('pid', 'district')->loadOne('pid', 'district');//load方法是框架自帶的,定義在vendor=>encore=>laravel-admin=>src=>Form=>Field=>Select文件中,loadone是自己寫的,在后面會給出代碼district為自己定義的方法,pid是根據(jù)城市的變化而變化的下拉列表框名稱,也就是下面這個(gè)。

   $form->select('pid','地區(qū)')->options(array(0 =>'請選擇地區(qū)'));

  });
 }

在from方法后面新建一個(gè)district方法

 public function district(Request $request)
 {
  $cityId = $request->get('q');

  $list = AreaModel::where(['city_id' => $cityId, 'pid' => 0])->get(['id', DB::raw('name as text')]);

  foreach ($list as $key => $value) {

   $arr[] = array("id" => $value->id, "text" => $value->text);

  }

  return $arr;//返回?cái)?shù)組到地區(qū)的option

 }

在vendor=>encore=>laravel-admin=>src=>Form=>Field=>Select文件里load方法后新建一個(gè)方法命名為loadone,代碼如下:

 public function loadOne($field, $sourceUrl, $idField = 'id', $textField = 'text')
 {
  if (Str::contains($field, '.')) {
   $field = $this->formatName($field);
   $class = str_replace(['[', ']'], '_', $field);
  } else {
   $class = $field;
  }

  $script = EOT
$(function(){
 var target = $(".$class");
 $.get("$sourceUrl?q="+$("{$this->getElementClassSelector()}").val(), function (data) {
  target.find("option").remove();
  $(target).select2({
   data: $.map(data, function (d) {
    d.id = d.$idField;
    d.text = d.$textField;
    return d;
   })
  });
 });
});
EOT;

  Admin::script($script);

  return $this;
 }

其實(shí)就是相當(dāng)于給load方法增加了一個(gè)默認(rèn)時(shí)的數(shù)據(jù)填充。

最后,千萬別忘記在路由上加上district方法哈,要把定義district的路由寫在上面→

以上這篇laravel-admin的多級聯(lián)動(dòng)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • laravel-admin 在列表頁添加自定義按鈕的例子
  • 淺談laravel-admin的sortable和orderby使用問題
  • laravel-admin 實(shí)現(xiàn)給grid的列添加行數(shù)序號的方法

標(biāo)簽:濟(jì)寧 烏魯木齊 鷹潭 三亞 山南 南寧 赤峰 迪慶

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《laravel-admin的多級聯(lián)動(dòng)方法》,本文關(guān)鍵詞  laravel-admin,的,多級,聯(lián)動(dòng),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《laravel-admin的多級聯(lián)動(dòng)方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于laravel-admin的多級聯(lián)動(dòng)方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章