dcat-admin高阶教程-表单组件listbox(多选盒)

listbox 多选盒#

dcat-admin高阶教程-表单组件listbox(多选盒)

在 dcat-admin 文档中,没有提及如何设置组件高度等一些配置。但翻看 listbox 组件相关源代码你会发现有一个 settings() 函数。这个函数作用就是给 listbox 初始化传递参数。#

dcat-admin高阶教程-表单组件listbox(多选盒)

listbox 使用的是 https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox 开源,bootstrap-duallistbox 文档地址:www.virtuosoft.eu/code/bootstrap-d...

// 可以配置初始化 bootstrap-duallistbox 的参数,有哪些参数可用,请查看文档 www.virtuosoft.eu/code/bootstrap-d...

// 可以配置初始化 bootstrap-duallistbox的参数,有哪些参数可用,请查看文档 https://www.virtuosoft.eu/code/bootstrap-duallistbox/
$form->listbox($column[, $label])
->options([1 => 'foo', 2 => 'bar', 'val' => 'Option name'])
->settings([
                'filterTextClear' => '显示全部',           // 清除过滤条件按钮的显示文本
                'filterPlaceHolder' => '过滤',             // 过滤输入框的placeholder提示文字

                // 按钮文本设置
                'moveSelectedLabel' => '移动选中',         // 移动选中项按钮的文本
                'moveAllLabel' => '移动全部',              // 移动全部项按钮的文本
                'removeSelectedLabel' => '移除选中',       // 移除选中项按钮的文本
                'removeAllLabel' => '移除全部',            // 移除全部项按钮的文本

                // 行为控制
                'moveOnSelect' => true,                    // 是否在选择选项时自动移动(true为自动移动)
                'preserveSelectionOnMove' => false,        // 移动后是否保持选中状态(false表示不保持)

                // 尺寸与显示
                'selectorMinimalHeight' => 300,            // 左右选择框的最小高度(单位:像素)
                'showFilterInputs' => true,                // 是否显示上方的过滤输入框

                // 过滤设置
                'nonSelectedFilter' => '',                 // 左侧未选列表的初始过滤值
                'selectedFilter' => '',                    // 右侧已选列表的初始过滤值
                'filterOnValues' => false,                 // 是否基于option的value值过滤(false表示基于显示文本过滤)

                // 信息提示文本
                'infoText' => '总共 {0} 项',               // 底部信息文本,{0}会被替换为总项数
                'infoTextFiltered' => '', 
                                                           // 过滤后的信息文本,{0}是过滤后数量,{1}是总数
                'infoTextEmpty' => '列表为空'              // 当列表为空时显示的提示文本
            ]);

dcat-admin 并未停止不前,plus 版 持续更新 保持活力#

dcat-plus admin (plus 版)沿用 dcat-admn 最新代码,并让 dcat-admin 保持活力。已支持到 Laravel12,并新增多个组件。

本作品采用《CC 协议》,转载必须注明作者和本文链接
Dcat-Admin (plus 版) 是汇聚 Filament,Laravel-admin , Dcat-admin 优点于一身的基于 Laravel + Bootstrap 的极速开发框架
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
Dcat-plus Admin @ 速码邦
文章
33
粉丝
52
喜欢
180
收藏
147
排名:442
访问:2.1 万
私信
所有博文
社区赞助商