常规组件

1、常规组件-单行文本

在表单设计界面,在左边常规组件中找到单行文本组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)占位符:指单行文本占位提示信息,默认为空。

(4)默认值:指默认显示值,默认为空。

(5)格式:选择内容格式为文本、邮箱、手机、固话、密码;默认文本。

(6)可清空:默认勾选,如过不勾选,该单行文本无清空内容功能。

(7)后置元素

后置按钮1:默认不勾选,如果勾选则可输入按钮文本和按钮图标;

后置按钮2:默认不勾选,如果勾选则可输入按钮文本和按钮图标。

(8)样式

头部图标:默认为空;

尾部图标:默认为空;

宽度:默认为空,单位px;

尺寸:可选择中等、小、迷你;默认小;

对齐方式:居左、居中、居右;默认居左。

(9)约束

必填:表示单行文本内容是否必填,默认不勾选;

可见:表示单行文本是否在表单中可见,默认勾选;

禁用:表示单行文本是否在表单中禁用,默认不勾选;

只读:表示单行文本是否在表单中只读,默认不勾选;

最小长度:默认为0px;

最大长度:默认为1000px。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)输入回车时

(4)值改变时

(5)值清空时

(6)点击后置按钮1时

(7)点击后置按钮2时

2、常规组件-多行文本

在表单设计界面,在左边常规组件中找到多行文本组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)占位符:指多行文本占位提示信息,默认为空。

(4)默认值:指默认显示值,默认为空。

(5)行数:多行文本显示行数,默认值为3。

(6)样式

宽度:默认为空,单位px;

对齐方式:居左、居中、居右;默认居左。

(7)约束

必填:表示多行文本内容是否必填,默认不勾选;

可见:表示多行文本是否在表单中可见,默认勾选;

禁用:表示多行文本是否在表单中禁用,默认不勾选;

只读:表示多行文本是否在表单中只读,默认不勾选;

最小长度:默认为0px;

最大长度:默认为1000px。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

3、常规组件-计数器

在表单设计界面,在左边常规组件中找到计数器组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)默认值:指默认显示值,默认为空。

(4)空值:默认不勾选,如果勾选,则此计数器可为空.

(5)精度:表示数值精度,默认值为0,即数值为整数。

(6)步进:表示计数器每次增加或减少的数值,默认值为1,即每次加1。

(7)最小值:可设置计数器的最小值,默认为空。

(8)最大值:可设置计数器的最大值,默认为空。

(9)显示方式:可选择计数器的显示方式:上下、左右;默认上下。

(9)样式

尺寸:可选择个中等、小、迷你;默认为小。

(10)约束

必填:表示计数器内容是否必填,默认不勾选;

可见:表示计数器是否在表单中可见,默认勾选;

禁用:表示计数器是否在表单中禁用,默认不勾选;

只读:表示计数器是否在表单中只读,默认不勾选。

方法

设置焦点;

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

4、常规组件-单选框组

在表单设计界面,在左边常规组件中找到单选框组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)数据:给单选框组一些固定的值,可添加可删除。

(4)使用后端数据:默认不勾选;勾选之后数据不可用,启用值KEY和显示KEY;

值KEY:默认值为value;

显示KEY:默认值 为label;

(5)显示边框:默认不勾选;

(6)样式

尺寸:默认为小,可选项有三个,分别为中等、小、迷你;

风格:默认,按钮;

(7)约束

必填:表示单选框组内容是否必填,默认不勾选;

可见:表示单选框组是否在表单中可见,默认勾选;

禁用:表示单选框组是否在表单中禁用,默认不勾选;

只读:表示单选框组是否在表单中只读,默认不勾选。

方法

事件

(1)值改变时

5、常规组件-复选框组

在表单设计界面,在左边常规组件中找到复选框组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)数据:给复选框组一些固定的值,可添加可删除。

(4)使用后端数据:默认不勾选;勾选之后数据不可用,启用值KEY和显示KEY;

值KEY:默认值为value;

显示KEY:默认值 为label;

(5)显示边框:默认不勾选;

(6)样式

尺寸:默认为小,可选项有三个,分别为中等、小、迷你;

风格:默认,按钮;

(7)约束

必填:表示复选框组内容是否必填,默认不勾选;

可见:表示复选框组是否在表单中可见,默认勾选;

禁用:表示复选框组是否在表单中禁用,默认不勾选;

只读:表示复选框组是否在表单中只读,默认不勾选。

方法

事件

(1)值改变时

6、常规组件-下拉单选

在表单设计界面,在左边常规组件中找到下拉单选组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)占位符:指下拉单选占位提示信息,默认为空。

(3)数据:给下拉单选一些固定的值,可添加可删除。

(4)使用后端数据:默认不勾选;勾选之后数据不可用,启用值KEY和显示KEY;

值KEY:默认值为value;

显示KEY:默认值 为label。

(5)可清空:表示选择内容可清空,默认开;

可搜索:表示可搜索选择,默认关。

(6)样式

宽度:默认为空,单位px;

尺寸:可选项有三个,中等、小、迷你;默认小;

对齐方式:可选项有三个,居左、居中、居右;默认居左。

(7)约束

必填:表示下拉单选内容是否必填,默认不勾选;

可见:表示下拉单选是否在表单中可见,默认勾选;

禁用:表示下拉单选是否在表单中禁用,默认不勾选;

只读:表示下拉单选是否在表单中只读,默认不勾选。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

(4)值清空时

(5)下拉框出现/隐藏时

7、常规组件-下拉多选

在表单设计界面,在左边常规组件中找到下拉单选组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)占位符:指下拉多选占位提示信息,默认为空。

(3)数据:给下拉多选一些固定的值,可添加可删除。

(4)使用后端数据:默认不勾选;勾选之后数据不可用,启用值KEY和显示KEY;

值KEY:默认值为value;

显示KEY:默认值 为label。

(5)可搜索:表示可搜索选择,默认关。

(6)样式

宽度:默认为空,单位px;

尺寸:可选项有三个,中等、小、迷你;默认小。

(7)约束

必填:表示下拉多选内容是否必填,默认不勾选;

可见:表示下拉多选是否在表单中可见,默认勾选;

禁用:表示下拉多选是否在表单中禁用,默认不勾选;

只读:表示下拉多选是否在表单中只读,默认不勾选。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

(4)值清空时

(5)下拉框出现/隐藏时

(6)移除tag时

8、常规组件-级联选择

在表单设计界面,在左边常规组件中找到级联选择组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成,也可根据显示需求更改。

(3)占位符:指级联选择占位提示信息,默认为空。

(4)是否转换成级联面板:默认不选择;

(5)配置

是否多选:不勾选;

折叠展示Tag:不勾选;

显示完整路径:勾选;

可清空:表示选择内容可清空,默认勾选;

可搜索:表示可搜索选择,默认不勾选。

任意选择一级选项:不勾选;

(4)使用后端数据:默认不勾选;勾选之后启用值KEY,显示KEY和父标识字段;

值KEY:默认值为value;

显示KEY:默认值 为label;

父标识字段:默认值parent。

(5)子菜单触发方式:两种:点击、悬浮;默认点击。

(6)内容:默认为空;

(7)当前选中节点显示值

默认为空,点击内容中的节点时,显示节点的内容,可修改节点内容;

(8)约束

必填:表示级联选择内容是否必填,默认不勾选;

可见:表示级联选择是否在表单中可见,默认勾选;

禁用:表示级联选择是否在表单中禁用,默认不勾选;

只读:表示级联选择是否在表单中只读,默认不勾选。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

(4)值清空时

(5)当展开节点发生变化时

(6)下拉框出现/隐藏时

(7)移除tag时

9、常规组件-开关

在表单设计界面,在左边常规组件中找到开关组件,把组件拖到中间空白区域;

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)默认值:默认为开;

(4)打开时的文字描述:默认值为开,可修改;

(5)关闭时的文字描述:默认值为关,可修改;

(6)打开时的颜色:默认值为“ ”;

(7)关闭时的颜色:默认值为“ ”;

(8)样式

宽度:默认40px;

(9)约束

必填:表示开关内容是否必填,默认不勾选;

可见:表示开关是否在表单中可见,默认勾选;

禁用:表示开关是否在表单中禁用,默认不勾选;

方法

事件

(1)值改变时

10、常规组件-滑块

在表单设计界面,在左边常规组件中找到滑块组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)默认值:默认为开;

(4)步进:默认值为1。

(5)最小值:可设置滑块的最小值,默认为0。

(6)最大值:可设置滑块的最大值,默认为100。

(7)约束

必填:表示滑块内容是否必填,默认不勾选;

可见:表示滑块是否在表单中可见,默认勾选;

禁用:表示滑块是否在表单中禁用,默认不勾选;

方法

事件

(1)值改变时

11、常规组件-日期

在表单设计界面,在左边常规组件中找到日期组件,把组件拖到中间空白区域;

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)显示类型:可选项有六个,分别为日期、周、月、年、多个日期、日期范围;默认值日期。

周起始日:表示一周的起始星期,可选择周一到周日。

(4)占位符:指占位提示信息,默认为空。

(5)可清空:表示选择内容可清空,默认开;

(6)可输入:表示可输入日期,日期格式为标准格式,默认开。

(7)样式

宽度:默认为空,单位px;

尺寸:默认为小,可选项有三个,分别为中等、小、迷你;

(8)约束

必填:表示日期内容是否必填,默认不勾选;

可见:表示日期是否在表单中可见,默认勾选;

禁用:表示日期是否在表单中禁用,默认不勾选;

只读:表示日期是否在表单中只读,默认不勾选。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

12、常规组件-时间

在表单设计界面,在左边常规组件中找到时间组件,把组件拖到中间空白区域;

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)显示类型:可选项有两个,分别为时间、时间范围;默认值时间。

(4)占位符:指占位提示信息,默认为空。

(5)可清空:表示选择内容可清空,默认开;

(6)可输入:表示可输入时间,默认开。

(7)样式

宽度:默认为空,单位px;

尺寸:默认为小,可选项有三个,分别为中等、小、迷你。

(8)约束

必填:表示时间内容是否必填,默认不勾选;

可见:表示时间是否在表单中可见,默认勾选;

禁用:表示时间是否在表单中禁用,默认不勾选;

只读:表示时间是否在表单中只读,默认不勾选。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

13、常规组件-日期时间

在表单设计界面,在左边常规组件中找到日期时间组件,把组件拖到中间空白区域;

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)显示类型:可选项有两个,分别为日期时间、日期时间范围;默认值日期时间。

周起始日:表示一周的起始星期,可选择周一到周日。

(4)占位符:指占位提示信息,默认为空。

(5)可清空:表示选择内容可清空,默认开;

(6)可输入:表示可输入日期时间,默认开。

(7)样式

宽度:默认为空,单位px;

尺寸:默认为小,可选项有三个,分别为中等、小、迷你;

(8)约束

必填:表示日期时间内容是否必填,默认不勾选;

可见:表示日期时间是否在表单中可见,默认勾选;

禁用:表示日期时间是否在表单中禁用,默认不勾选;

只读:表示日期时间是否在表单中只读,默认不勾选。

方法

事件

(1)获得焦点时

(2)失去焦点时

(3)值改变时

14、常规组件-评分

在表单设计界面,在左边常规组件中找到评分组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)默认值:0;

(4)低分界限值:2;

(5)高分界限值:4;

(6)最大分值:设置评分最大值,默认值为5;

(7)约束

必填:表示评分内容是否必填,默认不勾选;

可见:表示评分是否在表单中可见,默认勾选;

禁用:表示评分是否在表单中禁用,默认不勾选;

方法

事件

(1)值改变时

15、常规组件-颜色

在表单设计界面,在左边常规组件中找到颜色组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)默认值: “#409EFF”;

(4)样式

可选项有三个,分别为中等、小、迷你,默认值为小。

(5)约束

必填:表示颜色内容是否必填,默认不勾选;

可见:表示颜色是否在表单中可见,默认勾选;

禁用:表示颜色是否在表单中禁用,默认不勾选。

方法

事件

(1)值改变时

(2)面板颜色改变时

16、常规组件-穿梭框

在表单设计界面,在左边常规组件中找到穿梭框组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)选项:给穿梭框一些固定的值,可添加和删除;

(4)使用后端数据:默认不勾选;勾选之后数据不可用,启用Label值;

Label值:默认值为value;

(5)自定义

标题文案:默认为列表1,列表2;

按钮文案:默认都为空;

(6)配置

可搜索:在两端列表加入搜索框,可搜索内容,默认不勾选;

搜索框占位符:默认是请输入搜索内容;

(7)约束

可见:表示穿梭框是否在表单中可见,默认勾选;

方法

事件

(1)右侧列表元素变化时

17、常规组件-标签

在表单设计界面,在左边常规组件中找到标签组件,把组件拖到中间空白区域;

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)默认值:标签的默认内容,为请输入;

(4)标签高度:默认24px;

(5)文字大小:默认20px;

(6)字体粗细:默认500;

(7)字体颜色:“ ”;

(8)背景色:“ ”;

(9)约束

可见:表示穿梭框是否在表单中可见,默认勾选;

方法

事件

18、常规组件-按钮

在表单设计界面,在左边常规组件中找到日期时间组件,把组件拖到中间空白区域;

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)按钮类型

可选类型有七个,分别为默认、主要、成功、警告、危险、信息、文本;默认为默认按钮类型。

(4)朴素按钮:默认为关;

(5)圆角按钮:默认为关;

(6)加载中状态:默认为关;

(7)样式

图标:默认为空;

尺寸:可选样式有三个,分别为中等、小、迷你;默认为小;

下边距:默认为14px;

左边距:默认为0px。

(8)约束

可见:表示按钮是否在表单中可见,默认勾选;

禁用:表示按钮是否在表单中禁用,默认不勾选。

方法

事件

19、常规组件-按钮组

在表单设计界面,在左边常规组件中找到按钮组组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据

点击“添加按钮”时,可以在按钮组中添加一个按钮;

拖动“ ”按钮可以修改按钮在按钮中的顺序;

点击“ ”按钮可以复制按钮组中的一个按钮;

点击“ ”按钮可以删除按钮组中的一个按钮。

(3)约束

可见:表示按钮组是否在表单中可见,默认勾选;

禁用:表示按钮组是否在表单中禁用,默认不勾选。

方法

事件

20、常规组件-文字链接

在表单设计界面,在左边常规组件中找到文字链接组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)链接名称:默认“请输入链接名称”。

(4)链接类型

一共有六种类型,分别为默认、主要、成功、警告、危险、信息;

(5)站内链接:在本站内部链接,开启后可选择链接界面。

(6)站外链接:可自行输入,默认“http://www.baidu.com”。

(7)样式:

图标:默认为空;

宽度:默认为空;

下划线:默认开启。

(8)约束

可见:表示文字链接是否在表单中可见,默认勾选;

禁用:表示文字链接是否在表单中禁用,默认不勾选。

方法

事件

21、常规组件-分割线

在表单设计界面,在左边常规组件中找到分割线组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)标签位置

可选项有三个,分别为左侧、中间、右侧;默认为中间;

(3)样式

边距设置:可设置上下左右边距,上边距:默认14px;右边距:默认0px;下边距:默认14px;左边距:默认0px;

分割线粗细:可根据需求设置,默认为1px;

分割线方向:可选择水平和垂直方向,默认水平;

分割线颜色:默认为“ ”“#DCDFE6”。

(4)约束

可见:表示分割线是否在表单中可见,默认勾选;

方法

事件

22、常规组件-图标

在表单设计界面,在左边常规组件中找到图标组件,把组件拖到中间空白区域。

属性

(1)标签

表示该组件的标签显示内容;

显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。

(2)数据Key:默认自动生成。

(3)默认值:无,可按“ ”进行图标选择。

(4)约束

可见:表示图标是否在表单中可见,默认勾选;

禁用:表示图标是否在表单中禁用,默认不勾选。

方法

事件


400-859-2939
产品服务
用户服务
公司
服务热线:400-859-2939
地址:江苏省苏州工业园区裕新路168号脉山龙大厦1号楼402室
邮箱:contact@leanpec.com
联系我们
欢迎关注精益派微信公众号
联系方式
 
 
联系方式:400-859-2939
欢迎关注精益派微信公众号