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，并新增多个组件。

• plus版 官方网站
• 备份中文文档
• github
• Demo/在线演示
• 示例源码
• 技术社区

本作品采用《CC 协议》，转载必须注明作者和本文链接