codecamp

表单设计

1. 简介

1.1 功能简介

在宜搭中,发挥数据收集作用的就是表单。表单设计分为三部分内容,包括「添加组件」、「设置组件属性」以及「设置表单属性」。

1.2 使用场景

日常工作中涉及到需要填写数据的场景,如数据上报、报名、申请、信息收集等,都可以通过表单来实现。

2. 表单设计步骤

表单设计主要分3个步骤:

2.1 选择组件

从左侧组件库选择当前表单所适用的组件,用来填写和收集信息。

2.2 设置组件属性

选中已添加的组件,可以设置组件属性。如修改组件的标题名称、添加描述信息、提示文字、设置字段校验、设置字段的可见权限(流程表单需要在流程节点中设置)、设置字段宽度等,让数据收集过程更加方便。

2.3 设置表单属性

点击表单空白处或表单设置,即可设置表单属性,在表单属性中可以设置表单提交检验条件、业务关联规则(流程表单需在流程节点设置)、设置表单事件、设置表单PC端布局以及表单高级设置。


数据源
普通表单
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

报表设置

大屏设置

自定义页面设置

付费功能

开发者功能(需有代码基础)

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }