laravel-admin form表单控件篇——multiList(多功能列表)

14 篇文章 0 订阅
6 篇文章 0 订阅

一、效果展示

二、使用说明

(1)资源下载: multiList控件

(2)控件注册

下载资源后,放置到项目指定目录中(app/Admin/Extensions/Form),然后在app/Admin/bootstrap.php文件中注册

Form::extend('multiList', \App\Admin\Extensions\Form\MultiList\MultiList::class);

(3)控件使用介绍以及example代码

## Example Code

$form->multiList('setting', '一级列表', function (TableList $tableList) {
            $tableList->expand('id_1', '二级列表', function (Row $row) {
                $row->multiList(function (TableList $tableList) {
                    $tableList->display('display', 'display显示');
                    $tableList->text('text', 'text文本框');
                    $tableList->switch('switch', 'switch开关');
                    $tableList->date('date', 'date日期');
                    $tableList->select('select', 'select单选')->options([
                        'before' => '之前',
                        'after'  => '之后',
                    ]);
                    $tableList->multiSelect('multiSelect', 'multiSelect多选')->options([
                        10 => '10岁',
                        20 => '20岁',
                        30 => '30岁',
                        40 => '40岁',
                    ]);
                })->default([
                    [
                        'display'     => '显示文本',
                        'text'        => '文本框',
                        'switch'      => true,
                        'date'        => '2020-01-02',
                        'select'      => 'before',
                        'multiSelect' => '20',
                    ], [
                        'display'     => '显示文本',
                        'text'        => '文本框',
                        'switch'      => false,
                        'date'        => null,
                        'select'      => null,
                        'multiSelect' => null,
                    ]
                ]);
            });
            $tableList->expand('id_2', '默认显示', function (Row $row) {
                $row->text('text', 'text方法')->default('文本框');
                $row->date('date', 'date方法');
                $row->switch('switch', 'switch方法');
                $row->display('display', 'display方法')->default('仅做显示');
                $row->select('select', 'select方法')->options(['boy' => '男', 'girl' => '女']);
                $row->multiSelect('multiSelect', 'multiSelect方法')->options([
                    10 => '10岁',
                    20 => '20岁',
                    30 => '30岁',
                    40 => '40岁',
                ]);
            });
            $tableList->expand('id_3', '排序显示', function (Row $row) {
                $row->isRowBool()->setWidth(4);
                $row->text('text', 'text方法')->default('文本框');
                $row->date('date', 'date方法');
                $row->display('display', 'display方法')->default('仅做显示');
                $row->select('select', 'select方法')->options(['boy' => '男', 'girl' => '女']);
                $row->multiSelect('multiSelect', 'multiSelect方法')->options([
                    10 => '10岁',
                    20 => '20岁',
                    30 => '30岁',
                    40 => '40岁',
                ]);
                $row->switch('switch', 'switch方法');
            });
            $tableList->expand('id_4', '分列显示', function (Row $row) {
                $row->column(1 / 2, function (Column $column) {
                    $column->text('text', 'text方法')->default('文本框');
                    $column->date('date', 'date方法');
                    $column->switch('switch', 'switch方法');
                });
                $row->column(1 / 2, function (Column $column) {
                    $column->display('display', 'display方法')->default('仅做显示');
                    $column->select('select', 'select方法')->options(['boy' => '男', 'girl' => '女']);
                    $column->multiSelect('multiSelect', 'multiSelect方法')->options([
                        10 => '10岁',
                        20 => '20岁',
                        30 => '30岁',
                        40 => '40岁',
                    ]);
                });
            });
            $tableList->modal('id_5', '模态框', function (Row $row) {
                $row->text('ss', 'bbb');
                $row->column(1 / 2, function (Column $column) {
                    $column->text('name', '姓名');
                    $column->text('sex', '性别');
                    $column->text('age', '年龄');
                });
                $row->column(1 / 2, function (Column $column) {
                    $column->text('name', '姓名');
                    $column->text('sex', '性别');
                    $column->text('age', '年龄');
                });
            });
            $tableList->display('display', 'display显示');
            $tableList->text('text', 'text文本框');
        })->default([
            'id_1'    => '展开',
            'id_2'    => '展开',
            'id_3'    => '展开',
            'id_4'    => '展开',
            'id_5'    => '查看',
            'display' => '显示内容',
            'text'    => '输入框',
        ]);

三、总结

以上为本次开发的控件的所有功能介绍,如有需要的可以下载multiList.rar资源,按照上述要求注册后即可正常使用。

开发环境:

Laravel框架: 5.5.44

Laravel-amidn: "~1.6",

php版本: 7.1

gitee地址:https://gitee.com/wenruns/laravel-service.git

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值