云筑文档(移动端)
综述
介绍
快速上手
常见问题
更新日志
组件
常规组件
Button 按钮
Icon 图标
Text 文本
TabView 标签
CodeBlock 代码块
Image 图片
Avatar 头像
WebView 网页
数据组件
DataSet 数据集
PushData 下推数据
ListView 列表组件
SearchBar 搜索栏
GridView 列表组件
FlowBar 流程组件
Banner 广告栏
Marquee 跑马灯
DataFilter 数据筛选
表单组件
Form 表单组件
Text 文本字段
Image 图片字段
TextBox 输入文本框
Time 时间
Attachment 附件
FormFieldAvatar 头像
Radio Boolean单选框
Score 评分
Switch 开关
MapSelection 地图选址
RichText 富文本
QrCode 二维码
Lookup 数据查找
EnumLookup 枚举查找
布局组件
Row 行
Column 列
Collapse 折叠面板
ScrollView 滑动
FloatLayout 浮动弹层
导航组件
NavBar 导航栏
TabBar 底部导航
Tabs 标签导航
图表组件
LineChart 折线图
BarChart 柱状图
PieChart 饼图
本文档使用 MrDoc 发布
-
+
首页
Form 表单组件
## MbForm 表单组件 - 基础属性 | 字段 | 类型 | 空 | 默认 | 注释 | |-----------------|---------|---|----|---------------------------| | style | object | 否 | | 样式 | | children | array | 是 | | 字段列表 | | formDirection | string | 否 | | 表单字段排列(水平、垂直) | | shouldScroll | boolean | 否 | | 是否需要滑动 | | showSaveBtn | boolean | 否 | | 显示保存工具条(包含流程功能) | | labelWidth | number | 否 | | 表单字段title宽度 | | dataSource | string | 否 | | 数据集 | | contentPosition | string | 否 | | 表单内容位置(默认靠左,另外可选靠右、居中、默认) | - 备注: shouldScroll 如果是配置单据,建议勾选;如果放在列表等可以滑动组件,不建议勾选; formDirection 表单字段的布局方向,默认是垂直布局,从上往下一个一个字段摆放,如果需要表单字段横向排列,可以选择合适的值。 表单是一个表单字段的容器,可以展示多个表单字段,每行展示一个字段,如果需要更丰富的布局可以使用行列布局搭配表单字段使用。 表单搭配表单字段使用,通过字段列表属性选择表单字段##表单搭配表单字段使用 ## MbFormField 表单字段 - 基础属性 | 字段 | 类型 | 空 | 默认 | 注释 | |------------------|---------|---|----|------------------| | required | boolean | 否 | | 必填 | | viewState | boolean | 否 | | 勾选,则字段只可查看,不可编辑 | | xtype | string | 否 | | 表现形式 | | fieldName | string | 是 | | 字段名 | | formDirection | string | 否 | | 内容排列(标题和内容的排列方式) | | labelWidth | number | 否 | | 表单标题宽度 | | placeHolder | string | 否 | | 输入提示语 | | hiddenBottomLine | boolean | 否 | | 隐藏底部线条 | - 备注:formDirection 内容排列方式,默认水平排列,title在前,这里提供三种排列方式, 另外两种为垂直排列title在上、垂直排列title在下 xtype 表现形式可以根据需要选取,如果不选择,则会根据字段类型自动选择表现形式 eg: 如上图显示, 上面表单为水平排列,下面表单为垂直排列 上面表单中间字段为垂直排列 title在下并设置了输入内容居中,其他两个为垂直排列title在上 上图上面表单中间字段样式如下: style = {{borderWidth:StyleSheet.hairlineWidth, borderColor:'orange', justifyContent:'center', alignItems:'center'}} contentStyle={{textAlign:'center'}} xtype 表现形式,现有提供多种表现形式如: 共计14种表现形式,这里重点说明以下几种 - 附件:附件支持 音频、视频、拍照、图库这几种选择方式,可以限制上传文件个数、总大小、文件类别等 - 数据查找:通过在数据集上配置自定义查找,这里就可以选择配置自定义查找(前提是数据集该字段已配置了自定义查找),自定义查找方式可以通过搜索、二维码扫码、NFC等,就可以通过自定义查找,返回信息,返回的数据可以是几个字段、也可以是几条数据、也可以是主从数据包 - 枚举查找:和自定义查找类似,也是需要在数据集对应字段上配置枚举查找, ### 事件 - onEndEditing 结束编辑事件输入结束(键盘消失或者切换其他输入框时)调用,参数 text - onChangeText 输入改变时间,每次键盘输入都会调用,参数 text,输入后的文本值 ### 函数 - lookupWidthText: text 根据文本自定义查找对应数据,同上面自定义查找数据返回,该方法主要用于PDA扫码枪扫完后调用,需要手动调用,一般写在结束编辑事件里面 - setRequired: val 设置表单组件必填,参数 boolean,该方法只是设置了客户端的必填检验,并不能改变原数据集配置,服务端还是会执行必填验证,如果数据集原本配置了必填,客户端没有填写,数据提交的时候会返回异常! - setReadonly: val 设置表单组件只读,参数 boolean - setValue: val 设置表单组件显示值
admin
2024年5月10日 15:50
分享文档
收藏文档
上一篇
下一篇
微信扫一扫
复制链接
手机扫一扫进行分享
复制链接
关于 MrDoc
鲲鹭文档MrDoc
是
州的先生
开发并开源的在线文档系统,其适合作为个人和小型团队的云笔记、文档和知识库管理工具。
如果鲲鹭文档给你或你的团队带来了帮助,欢迎对作者进行一些打赏捐助,这将有力支持作者持续投入精力更新和维护鲲鹭文档,感谢你的捐助!
>>>捐助鸣谢列表
微信
支付宝
QQ
PayPal
Markdown文件
分享
链接
类型
密码
更新密码