dcat-admin高阶教程-表单组件listbox(多选盒)
listbox 多选盒#
在 dcat-admin 文档中,没有提及如何设置组件高度等一些配置。但翻看 listbox 组件相关源代码你会发现有一个 settings()
函数。这个函数作用就是给 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 协议》,转载必须注明作者和本文链接
推荐文章: