美文网首页
字段类型和输入控件

字段类型和输入控件

作者: MisShop智能开发平台 | 来源:发表于2018-07-13 16:38 被阅读0次

设置不同的字段类型,会有不同的输入和展示方式。
数据表设计视图,打开企业表,点击名称 字段的 类型 ,弹出字段类型配置页面。

数据表字段类型设置

可以看到支持的基本类型有:文本,数值,日期,附件,是非项,字典项,引用项。
这些基本类型的字段在编辑页面里,会自动生成对应的输入控件,帮助用户输入。


1.文本和数值

文本类型包括:

  • 短文本: 存储长度小于255个字的文本数据。对应控件 输入框
  • 长文本: 多行显示的文本,一般不超过4000个字。对应控件 长文本输入框
  • 密码: 加密存储的文本。对应控件 密码框
  • 富文本: 支持字号,颜色等多种格式,可以嵌入图片,表格,网址的文本,富文本可以直接展示为网页内容。对应控件 富文本

在生成的编辑页面中,选中对应的格子(例如 it.名称 ),鼠标右键,选择控件配置,可以看到该格子的控件是“输入框”。

短文本的控件配置

我们点击上方的“输入框”标签,进入控件的细节配置。

输入框细节配置.png
  • 可用:如果选否,这个输入框是被禁用的,只能看,不能改。
  • 提示:这里输入提示信息,在输入框为空时用浅色字体显示在输入框里。
  • 鼠标进入提示信息:当开发者鼠标进入输入框的时候,提示的信息(少用)。


    输入框的提示和进入提示

数值类型包括:

  • 整数: 整数,对应的输入控件默认是 输入框
    • 输入框 :默认情况,只能输入数字。
    • 正整数输入框:需要手动配置,适用于数值较少的情况。通过步进来调整,步进可设置。例如“级别”字段)。
  • 小数: 小数,对应的输入控件 输入框 ,可以输入数值和小数点。
  • 两位小数:适用于金额,小数点后仅显示两位。对应控件 输入框
![文本和数值展示] image.png

数值类型的输入框里,除了数字和小数点,无法输入其他字符。


控件的细节配置里可用,如果设置为否,那么就是只读。下面是文本配置为只读模式,浏览的效果。


image.png

2.日期和是非项

是非项:
就是一个单选框,勾选上表示“真”(true),不勾选表示“假” (false)

日期类型包括:

  • 年月日:精确到天。对应控件 日期 ,可以选择年月日。
  • 年月日时分秒:精确到秒。对应控件 日期,可以选择年月日,时分秒。
日期控件

3.附件

附件主要是存储的文件,包括:

  • 图像:如相片字段


    图像
  • 多图:如图片集锦字段


    image.png
  • 附件:如框架合同字段


    image.png
  • 多附件:如来往文件


    image.png
  • 视频:输入如同单附件。展示的时候是播放视频。

  • 音频:输入如同单附件,展示的时候是播放音频。

image.png

只读


image.png

3.字典项 和 字典项(多选)

数据表设计视图里,我们点击 “企业” 的 “重要度” 字段的数据类型,选择 字典项 标签,进入字典项的配置。

字典项配置

可以在左边的列表里选择一个现有的字典项。

如果需要新建或者修改,点击右方的字典项设置

添加或者修改字典项

字典项对应的输入控件是下拉选项框。打开企业编辑页面,找到 =it.重要度 的格子,鼠标右键 -> 控件配置。点击 “下拉选项框” 标签页进入细节配置。

下拉选项框配置

当然,如果不配置字典项,我们直接在一个空格子里,手动添加代码值和显示值,也能实现下拉选项框。

字典项的模式中有普通和平铺,横向平铺。我们把这个格子复制两份,分别设置位其他模式,看看效果。

重要度(默认
3类字典项模式对比

在数据表配置字典项的时候(企业表的行业字段),勾上多选模式,表示这个字段是可以多选的字典项。


image.png image.png

4.引用
如果一个字段的值,是另一个表的数据,那么这是一个到另一个表的引用。
例如数据表“用户”的 “部门” 字段就是到 “部门” 的引用。
例如数据表“企业”的 “联系人” 字段就是到 “用户” 的引用。

引用字段配置

配置非常简单,选择一个数据表就行。

引用字段生成的输入控件是下拉数据集,表示在输入的时候,可以直接从引用的表的记录中选择一个就可以了。


引用字段页面展示

下拉数据集和下拉选项框样子完全相同,唯一的区别就是下拉选项框的数据是固定的,而下拉数据集的数据是从数据表中动态获取的。


下拉数据集高级配置

  • 显示模式:和下拉选项框完全相同。
  • 提示: 和输入框的一样,当没有输入的时候浅色显示提示内容。
  • 数据列:该列的真实值。
  • 显示列:该列的显示值,除了默认的显示字段外,还可以用公式拼接信息。
  • 筛选条件:如果希望不是从所有数据中选取,那么可以配置这项,让用户只能在筛选出来记录中选择。 配置的公式将在下一章的“页面数据-数据集筛选公式”中详解。


    image.png

相关文章

  • 字段类型和输入控件

    设置不同的字段类型,会有不同的输入和展示方式。数据表设计视图,打开企业表,点击名称 字段的 类型 ,弹出字段类型配...

  • kettle的表输入字段

    kettle 表输入控件连接 的Mysql的时候 字段为tinyint,获取的数据会被设置为类型为boolean ...

  • 输入类型

    输入类型:text 定义供文本输入的单行输入字段: 实例 输入类型:password 定义密码字段: 注释:pas...

  • HTML 输入类型

    本章描述 元素的输入类型。 输入类型:text 定义供文本输入的单行输入字段:实例 以上HTML代...

  • H5新增的表单功能

    ·H5新增的input输入类型 ·email:定义用于email地址的字段; ·url:用于输入URL的字段; ·...

  • mysql工作记录

    批量追加字符类型字段内容 需求 字段类型为字符串,保存的是由页面textarea控件提交的值,现在需要批量追加一些...

  • HTML基础语法(下)

    表单(用户输入) 表单 标签。表单是给用户提供输入和操作的那些控件。 表单都是input标签,但是根据类型的不同,...

  • TextField

    TextField InputDecoration TextInputType 优化文本输入控件的信息类型 tex...

  • input type=number 小数问题

    type=number:设置input输入框为带有 spinner 控件的数字字段max number 规定允许...

  • MongoDB 更新字段操作

    更新字段类型和字段值 添加字段或更新值

网友评论

      本文标题:字段类型和输入控件

      本文链接:https://www.haomeiwen.com/subject/gotspftx.html