搜索中心
搜索中心 搜索快照

数据表单 - 字段组件库

中国地区 areaChina

$form->areaChina('field', '字段名');

音频 audio

$form->audio('field', '字段名');
// 使用用户音频库
$form->audio('field', '字段名')
     ->server(modstart_web_url('member_data/file_manager/audio'));

验证码 captcha

$form->captcha('field', '字段名');

多选 checkbox

$form->checkbox('field', '名称');

代码 code

$form->code('field', '名称');

颜色 color

$form->color('field', '字段名');

货币 currency

$form->currency('field', '字段名');

日期 date

$form->date('field', '字段名');

日期时间 datetime

$form->datetime('field', '字段名');

小数 decimal

$form->decimal('field', '字段名');

显示 display

$form->display('field','名称');

文件 file

$form->file('field', '字段名');
// 使用用户文件库
$form->file('field', '字段名')
     ->server(modstart_web_url('member_data/file_manager/file'));

临时文件 fileTemp

临时路径指上传到临时表 data_temp 中的图片,正式保存时会将临时图片移动到正式表 data 中。

$form->fileTemp('field', '字段名');

多文件 files

$form->files('field', '字段名');
// 使用用户文件库
$form->files('field', '字段名')
     ->server(modstart_web_url('member_data/file_manager/file'));

隐藏域 hidden

$form->hidden('field', '字段名');

HTML html

$form->html('field', '字段名');

图标 icon

$form->icon('field', '字段名');

ID id

$form->id('field', '字段名');

单张图片 image

$form->image('field', '字段名');
// 使用用户图库
$form->image('field', '字段名')
     ->server(modstart_web_url('member_data/file_manager/image'));

多张图片 images

$form->images('field', '字段名');
// 使用用户图库
$form->image('field', '字段名')
     ->server(modstart_web_url('member_data/file_manager/image'));

多张图片(临时路径) imagesTemp

临时路径指上传到临时表 data_temp 中的图片,正式保存时会将临时图片移动到正式表 data 中。

$form->imagesTemp('field', '字段名');

键值对列表 keyValueList

$form->keyValueList('field', '字段名');

链接 link

$form->link('field', '字段名');

Markdown markdown

$form->markdown('field', '字段名');

数字 number

$form->number('field', '字段名');

密码 password

$form->password('field', '字段名');

百分比 percent

$form->percent('field', '字段名');

单选 radio

$form->radio('field', '字段名');

// 使用数组
$form->radio('field', '字段名')
     ->options(['a'=>'选项1','b'=>'选项2']);
// 使用BaseType枚举类
$form->radio('field', '字段名')
     ->optionType(XxxType::class);
// 使用数据表
$form->radio('field', '字段名')
     ->optionModel('xxxx','id','name');

// 条件
$form->radio('field', '字段名')
     ->when('=', 1, function ($form) {
         $form->text('xxx', '条件1配置项');
     })
     ->when('=', 2,function ($form) {
         $form->text('xxx', '条件2配置项');
     });

富文本 richHtml

// 基础使用
$form->richHtml('field', '字段名');

// 简单版富文本
// default 默认的富文本编辑框,包含所有功能
// simple  精简的富文本编辑框,只包含基础功能
$field->editorMode('simple');
// 保存时不经过XSS过滤
// 默认系统保存时会经过XSS过滤,如果是后台应用为了更灵活丰富的样式可选择不过滤XSS
$field->htmlFilter(false);
// 自定义UEditorPlus的属性
$filter->editorOption([
    'allowDivTransToP' => false,
    'xxx' => 'xxx'
]);
// 设置富文本后台接口
// 后台默认为 modstart_admin_url('data/ueditor')
// 前台用户默认 modstart_web_url('member_data/ueditor')
$field->server('xxx');

下拉 select

// 基本使用
$form->select('field', '字段名');

// 使用Type作为备选项,XxxType是继承BaseType的类
$field->optionType(XxxType::class);
// 使用数组作为备选项
$field->options(['1' => '选项1', '2' => '选项2']);
// 使用数组作为备选项
$field->optionArray([['id' => 1, 'name' => '选项1'], ['id' => 2, 'name' => '选项2']],'id','name');
// 使用模型作为备选项
$field->optionModel('forum_category','id','title');
// 使用模型作为备选项(简单条件筛选)
$field->optionModel('forum_category','id','title',['xxx'=>'xxx']);
// 使用模型作为备选项,并渲染为树状结构
$field->optionModelTree('forum_category');
// 使用模型作为备选项,并渲染为树状结构(简单条件筛选)
$field->optionModelTree('forum_category','id','pid','title','sort',['status'=>1]);

// 条件
$form->select('field', '字段名')
     ->when('=', 1, function ($form) {
         $form->text('xxx', '条件1配置项');
     })
     ->when('=', 2,function ($form) {
         $form->text('xxx', '条件2配置项');
     });

开关 switch

$form->switch('field', '字段名');
// 条件判断
$form->switch('field', '字段名')
     ->when('=',true, function ($form) {
         $form->text('xxx', '开启配置项');
     })
     ->when('=', false,function ($form) {
         $form->text('xxx', '关闭配置项');
     });

标签 tags

$form->tags('field', '名称');

单行文本 text

$form->text('field', '名称');

多行文本 textarea

$form->textarea('field', '字段名');

时间 time

$form->time('field', '字段名');

树状组件 tree

$form->tree('field', '名称');

类型 type

// 基础用法
$form->type('field', '字段名');

// 定义BaseType,同时指定类型颜色
$field->type(XxxStatus::class)

多值 values

$form->values('field', '字段名');

视频 video

$form->video('field', '字段名');
// 使用用户视频库
$form->video('field', '字段名')
     ->server(modstart_web_url('member_data/file_manager/video'));
查看原文
QQ
微信