【Fastadmin】利用 build_select 做一個樹狀下拉選擇框

1.效果展示


系統crud生成的下拉分類有些不是很好看,并且選擇困難,看不出級差,效果如下:

?經過 build_select?加工后的效果,美觀好看,并添加上搜索功能:

2.?首先需要寫一個樹狀圖的數據格式


protected $datalist = [];
public function _initialize()
{parent::_initialize();// 必須將結果集轉換為數組$dataList = collection(Category::order('weigh', 'desc')->where('status', 'normal')->select())->toArray();foreach ($dataList as $k => &$v) {$v['name'] = __($v['name']);}unset($v);Tree::instance()->init($dataList);$this->dataList = Tree::instance()->getTreeList(Tree::instance()->getTreeArray(0), 'name');$data = [0 => __('None')];foreach ($this->dataList as $k => &$v) {$data[$v['id']] = $v['name'];}$this->view->assign('data', $data);
}

3.add和edit的html頁面


// add
<div class="form-group"><label class="control-label col-xs-12 col-sm-2">{:__('Category')}:</label><div class="col-xs-12 col-sm-8">{:build_select('row[category_id]', $data, null, ['class'=>'form-control selectpicker', 'required'=>'', 'data-live-search'=>"true"])}</div>
</div>// edit
<div class="form-group"><label class="control-label col-xs-12 col-sm-2">{:__('Category')}:</label><div class="col-xs-12 col-sm-8">{:build_select('row[category_id]', $data, $row['category_id'], ['class'=>'form-control selectpicker', 'required'=>'', 'data-live-search'=>"true"])}</div>
</div>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/209236.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/209236.shtml
英文地址,請注明出處:http://en.pswp.cn/news/209236.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

前沿科技與醫藥領域碰撞,《AI制藥方法與實踐》課程重磅上線

藥物發現是生物學、化學、醫學、藥學等基礎研究與工業轉化的重要窗口。近年來&#xff0c;AI技術的發展&#xff0c;為高投入、高失敗率的制藥行業帶來了全新機遇&#xff0c;或將徹底改變傳統制藥的研究范式。為了幫助更多人了解并掌握這一前沿技術&#xff0c;百度飛槳聯合清…

LeedCode刷題---滑動窗口問題

顧得泉&#xff1a;個人主頁 個人專欄&#xff1a;《Linux操作系統》 《C/C》 《LeedCode刷題》 鍵盤敲爛&#xff0c;年薪百萬&#xff01; 一、長度最小的子數組 題目鏈接&#xff1a;長度最小的子數組 題目描述 給定一個含有 n 個正整數的數組和一個正整數 target 。…

29 水仙花數

題目描述 所謂水仙花數&#xff0c;是指一個n位的正整數&#xff0c;其各位數字的n次方和等于該數本身。 例如153是水仙花數&#xff0c;153是一個3位數&#xff0c;并且1531^35^33^3. 輸入描述 第一行輸入一個整數n&#xff0c;表示一個n位的正整數。n在3到7之間&#xff0c;…

uniapp各種小程序分享 share - 主要流程 - 微信、抖音、快手、qq

參考 小程序環境 分享 | uni-app官網uni-app,uniCloud,serverless,分享,uni.share(OBJECT),分享到微信聊天界面示例代碼,分享到微信朋友圈示例代碼,uni.share 在App端各社交平臺分享配置說明,uni.shareWithSystem(OBJECT),plus.share.sendWithhttps://uniapp.dcloud.net.cn/a…

MCS-51系列與AT89C5x系列單片機的介紹與AT系列的命名規則

MCS-51系列與AT89C5x系列單片機 主要涉及MCS-51系列與AT89C5x系列單片機的介紹與AT系列單片機的命名規則 文章目錄 MCS-51系列與AT89C5x系列單片機一、 MCS-51系列單片機二、AT89C5x系列單片機2.1 AT89C5x/AT89S5x系列單片機的特點2.2 AT89系列單片機的型號說明2.2.1 前綴2.2.2…

數組區段的最大最小值

題干 本題要求實現一個函數&#xff0c;找出數組中一部分數據的最大值和最小值。 題目保證沒有無效數據。 函數接口定義&#xff1a; void sublistMaxMin ( int* from, int* to, int* max, int* min ); 其中 from和to都是用戶傳入的參數&#xff0c;分別存放數組部分數據的起…

深度綁定的二維碼

南京西祠 500 萬股股份被以 1 元價格掛牌轉讓。 唏噓不已&#xff0c;就像現在的孩子們都知道玩抖音&#xff0c;我們那個時代&#xff0c;西祠胡同就是互聯網的代名詞。在一個叫做西祠胡同的地方&#xff0c;住著一群村里的年輕人&#xff0c;他們痛并快樂著&#xff0c;渴望…

節省時間,提高效率:深入解析MyBatis Plus

1. MyBatis Plus 概述 將Mybatis 通用Mapper PageHelper 升級成 MyBatis Plus 1.1 簡介 官網&#xff1a;https://baomidou.com/ 參考教程&#xff1a;https://baomidou.com/pages/24112f/ MyBatis-Plus&#xff08;簡稱 MP&#xff09;是一個 MyBatis 的增強工具&#…

QT之常用按鈕組件

QT之常用按鈕組件 導入圖標 布局 顯示選中 實驗結果 #include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget) {ui->setupUi(this); }Widget::~Widget() {delete ui; }void Widget::on_push…

mybatis 的快速入門以及基于spring boot整合mybatis(一)

MyBatis基礎 MyBatis是一款非常優秀的持久層框架&#xff0c;用于簡化JDBC的開發 準備工作&#xff1a; 1&#xff0c;創建sprong boot工程&#xff0c;引入mybatis相關依賴2&#xff0c;準備數據庫表User&#xff0c;實體類User3&#xff0c; 配置MyBatis&#xff08;在applic…

前端打包環境配置步驟

獲取node安裝包并解壓 獲取node安裝包 wget https://npmmirror.com/mirrors/node/v16.14.0/node-v16.14.0-linux-x64.tar.xz 解壓 tar -xvf node-v16.14.0-linux-x64.tar.xz 創建軟鏈接 sudo ln -s 此文件夾的絕對路徑/bin/node /usr/local/bin/node&#xff0c;具體執行如下…

實現手機掃碼——掃描識別路由器參數

有個應用是批量自動檢測無線路由器&#xff0c;檢測前需要自動登錄路由器的管理界面進行設置&#xff0c;如設置wifi參數、連接模式&#xff0c;或者恢復出廠設置等。進入管理界面的登錄用戶名是admin&#xff0c;密碼則各不相同。此外也需要知道路由器的MAC地址&#xff0c;因…

【已解決】Win7虛擬機安裝VMtools報錯

在做以前的實驗的時候發現要用到Win7虛擬機&#xff0c;于是就安裝了一個Win7的虛擬機&#xff0c;但是發現屏幕太小&#xff0c;而且來回復制文本、復制文件太不方便了&#xff0c;索性就安裝了VMtools&#xff0c;發現還安裝不成– 情況1 報錯&#xff1a;本程序需要您將此…

視頻轉場PR素材|專業級電影故障閃光效果視頻過渡PR轉場模板

這是一個以故障為主題的專業級電影故障閃光效果視頻過渡pr轉場模板。使用這些效果來增強視覺效果。包含視頻教程。適用軟件&#xff1a;Premiere Pro 2023|分辨率&#xff1a;38402160&#xff08;4K&#xff09; 來自PR模板網&#xff1a;https://prmuban.com/36092.html

CSS 文字超出變為省略號

1.單行文本溢出顯示符號--必須滿足三個條件 width: 100px 先強制一行內顯示文本 white-space:nowrap; (默認 normal 自動換行) 超出的部分隱藏 overflow:hidden; 文字用省略號代替超出的部分 text-overflow:ellipsis; 2.多行文本溢出顯示省略號 width: 100px overflow&#x…

數據庫后門是什么?我們要如何預防它的危害

數據庫后門是黑客在數據庫中安裝的一種特殊程序或代碼&#xff0c;可以繞過正常的認證和授權機制&#xff0c;從而獲取數據庫的敏感信息或者控制整個數據庫。黑客可以通過各種方式安裝后門&#xff0c;比如利用漏洞、釣魚、社會工程學等。 數據庫后門的危害主要體現在以下幾個方…

10 大 Android 手機系統修復軟件深度評測

您的新 Android 手機可能因其令人興奮的性能而印象深刻。然而&#xff0c;隨著時間的推移&#xff0c;您可能會發現系統有些地方與以前不太一樣。您可能會遇到屏幕無響應、 Android應用程序崩潰、連接問題、電池耗盡等現象。 10 大 Android 手機系統修復軟件 好吧&#xff0c;…

Java網絡通信-第21章

Java網絡通信-第21章 1.網絡程序設計基礎 網絡程序設計基礎涵蓋了許多方面&#xff0c;包括網絡協議、Web開發、數據庫連接、安全性等。 1.1局域網與互聯網 局域網&#xff08;LAN&#xff09;與互聯網&#xff08;Internet&#xff09;是兩個不同的概念&#xff0c;它們分…

老胡的周刊(第119期)

老胡的信息周刊[1]&#xff0c;記錄這周我看到的有價值的信息&#xff0c;主要針對計算機領域&#xff0c;內容主題極大程度被我個人喜好主導。這個項目核心目的在于記錄讓自己有印象的信息做一個留存以及共享。 &#x1f3af; 項目 Weekly Hub[2] 匯聚優質精選技術周刊&#x…