|
常规组件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)默认值: (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; 分割线方向:可选择水平和垂直方向,默认水平; 分割线颜色:默认为“ (4)约束 可见:表示分割线是否在表单中可见,默认勾选; 方法无 事件无 22、常规组件-图标在表单设计界面,在左边常规组件中找到图标组件,把组件拖到中间空白区域。 属性(1)标签 表示该组件的标签显示内容; 显示标签:如果勾选就显示标签,如果不勾选就不显示标签;默认勾选。 (2)数据Key:默认自动生成。 (3)默认值:无,可按“ (4)约束 可见:表示图标是否在表单中可见,默认勾选; 禁用:表示图标是否在表单中禁用,默认不勾选。 方法无 事件无 |