精华内容
下载资源
问答
  • Flowable 6.6.0 BPMN用户指南 -9 表单 - 9.1 表单定义
    2021-03-07 20:47:21

    《Flowable 6.6.0 BPMN用户指南》

    1. 入门

    2. 配置

    3 The Flowable API

    4 Flowable 6.6.0 BPMN用户指南 - (4)Spring集成

    5 Spring Boot

    6 部署

    7 BPMN 2.0简介

    8 BPMN 2.0的构造

    9 表单(Forms)

    9.1 表单定义

    9.2 表单属性

    9.3 外部表单渲染(External form rendering)

    有关Flowable的更多文档,参见:

    《Flowable文档大全》

    9 表单(Forms)

    Flowable provides a convenient and flexible way to add forms for the manual steps of your business processes. We support two strategies to work with forms: Built-in form rendering with a form definition (created with the form designer) and external form rendering. For the external form rendering strategy form properties can be used (that was supported in the Explorer web application in version 5), or a form key definition that points to an external form reference that can be resolved with custom coding.

    Flowable为向业务流程的手动步骤添加表单提供了一种方便、灵活的方式。我们支持两种处理表单的策略:带有表单定义的内置表单呈现(使用表单设计器创建)和外部表单呈现。对于外部表单呈现策略,可以使用表单属性(在版本5的Explorer web应用程序中支持),也可以使用表单键定义(form key definition),表单键指向可通过自定义编码解析的外部表单引用(external form reference)。

    9.1 表单定义

    Full information about the form definitions and Flowable form engine can be found in the Form Engine user guide. Form definitions can be created with the Flowable Form Designer that’s part of the Flowable Modeler web application, or created by hand with a JSON editor. The Form Engine user guide describes the structure of the form definition JSON in full length. The following form field types are supported:

    有关表单定义和Flowable表单引擎的完整信息可以在表单引擎用户指南(Form Engine user guide)中找到。表单定义可以使用Flowable表单设计器(Flowable Form Designer)创建(Flowable Form Designer 是Flowable Modeler web应用程序的一部分),也可以使用JSON编辑器手工创建。表单引擎用户指南完整地描述了表单定义JSON的结构。支持以下表单字段类型:

    Text: rendered as a text field

    Multiline text: rendered as a text area field

    Number: rendered as a text field, but only allows numeric values

    Checkbox: rendered as a checkbox field

    Date: rendered as a date field

    Dropdown: rendered as a select field with the option values configured in the field definition

    Radio buttons: rendered as a radio field with the option values configured in the field definition

    People: rendered as a select field where a person from the Identity user table can be selected

    Group of people: rendered as a select field where a group from the Identity group table can be selected

    Upload: rendered as an upload field

    Expression: rendered as a label and allows you to use JUEL expressions to use variables and/or other dynamic values in the label text

    文本(Text):呈现为文本字段

    多行文本(Multiline text):呈现为文本区域字段

    数字(Number):呈现为文本字段,但仅允许数值

    复选框(Checkbox):呈现为复选框字段

    日期(Date):呈现为日期字段

    下拉列表(Dropdown):显示为一个选择字段,其中在字段定义中配置了选项值

    单选按钮(Radio buttons):呈现为一个单选字段,在字段定义中配置了选项值

    人员(People):呈现为一个选择字段,可从Identity用户表中选择人员

    人员组(Group of people):呈现为一个选择字段,可以从Identity组表中选择一个组

    上载(Upload):呈现为上载字段

    表达式(Expression):呈现为标签,在标签文本中,允许您使用JUEL表达式,并使用变量和/或其他动态值

    The Flowable task application is able to render an html form from the form definition JSON. You can also use the Flowable API to get the form definition JSON yourself.

    FormModel RuntimeService.getStartFormModel(String processDefinitionId, String processInstanceId)

    or

    FormModel TaskService.getTaskFormModel(String taskId)

    The FormModel object is a Java object representation of the form definition JSON.

    Flowable任务应用程序能够基于表单定义JSON渲染出一个html表单。您也可以使用Flowable API自己获取表单定义JSON。

    FormModel RuntimeService.getStartFormModel(String processDefinitionId, String processInstanceId)

    FormModel TaskService.getTaskFormModel(String taskId)

    FormModel对象是表单定义JSON的Java对象表示。

    To start a process instance with a start form definition you can use the following API call:

    要通过启动表单定义启动流程实例,可以使用以下API调用:

    ProcessInstance RuntimeService.startProcessInstanceWithForm(String processDefinitionId, String outcome,

    Map variables, String processInstanceName)

    When a form definition is defined on (one of) the start event(s) of a process definition, this method can be used to start a process instance with the values filled-in in the start form. The Flowable task application uses this method to start a process instance with a form as well. All form values need to be passed in the variables map and an optional form outcome string and process instance name can be provided.

    当在流程定义的启动事件(其中之一)上定义表单定义时,可以使用此方法启动流程实例(包含启动表单中填写的值)。Flowable任务应用程序也使用此方法通过表单来启动流程实例。所有表单值都需要通过变量映射(variables map)传递,并且提供可选的表单结果字符串和流程实例名称。

    In a similar way, a user task can be completed with a form using the following API call:

    类似地,使用以下API调用,可以通过表单完成用户任务:

    void TaskService.completeTaskWithForm(String taskId, String formDefinitionId,

    String outcome, Map variables)

    Again, for more information about form definitions have a look at the Form Engine user guide.

    并且,有关表单定义的更多信息,请参阅表单引擎用户指南(Form Engine user guide.)。

    更多相关内容
  • vue的checkbox,radio,提交发送的JSON格式问题

           在vue的表单数据绑定时会遇到许多的问题,下面我讲述一下我在编写代码时遇到的一些问题

            1.使用radio的时候,进行了数据绑定后需要给radio添加value值,否则的话会出现绑定的数据值为null

    请看下面一个例子:

    性别: 
    			男<input type="radio" name="sex" v-model="sex" > 
    			女<input type="radio" name="sex" v-model="sex" ><br><br>

    随便选中一个

     

    现在查看vue的data数据:

    添加value可以解决此问题,并且可以在data中设置sex的默认值,radio就会有默认选中

    男<input type="radio" name="sex" v-model="sex" value="male"> 
    女<input type="radio" name="sex" v-model="sex" value="female">

            

            2.对于checkbox,vue默认保存的是checkbox的checked的值,所以跟radio同理要设置value的值,这样vue.data就会保存checkbox的value值,并且要利用数组来保存checkbox的value值

    new Vue({
    		el: "#root",
    		data: {
    			hobby:[],
    		}
    	})
    学习<input type="checkbox" v-model="hobby" value="study">
    游戏<input type="checkbox" v-model="hobby" value="game">
    烫头<input type="checkbox" v-model="hobby" value="tang">

    这样hobby存放的就是checkbox的value

           在我们要把data的数据发送给后端时,我们可以直接使用JSON发送vm._data,但是我们也可以把需要发送的数据放在一个对象中,比如把用户的数据统一放在userinfo这个对象中,这样就可以直接JSON.stringify(vm.userInfo)就可以了,但是在就行数据绑定的时候就需要添加userinfo.变量,两者皆可

            同时我们可以把发送数据的行为直接添加在form标签中,不用给提交按扭绑定样式,这样的方法有一个好处就是可以阻止提交时页面刷新的默认样式,下面展示一下代码示例

    <form @submit.prevent="demo"></form>
    
    new Vue({
    			el:'#root',
    			data:{
    				userInfo:{
    					account:'',
    					password:'',
    					age:18,
    					sex:'female',
    					hobby:[],
    					city:'beijing',
    					other:'',
    					agree:''
    				}
    			},
    			methods: {
    				demo(){
    					console.log(JSON.stringify(this.userInfo))
    				} 
    			}
    		})

    展开全文
  • 之前一直困扰自己的一个问题就是表单radio、select等的对齐问题,一直以来,都是给提示添加label,然后跟radio等一起浮动,然后再设置margin解决的,但是这样又得另外解决IE6下的双边距问题,搞得自己相当恼。...
  • 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动...
  • 一、输入框input  单行输入框,常见的文本输入框,也就是input的type属性值为text。... 为了让控件在各种表单风格样式不出错,需要添加类名“.form-control”。 <form role=form> <input type=
  • 9 表单(Forms) Flowable provides a convenient and flexible way to add forms for the manual steps of your business processes. We support two strategies to work with forms: Built-in form rendering with...

    Flowable 6.6.0 用户指南相关文档下载


    《Flowable 6.6.0 BPMN用户指南》

    1. 入门

    2. 配置

    3 The Flowable API

    4 Flowable 6.6.0 BPMN用户指南 - (4)Spring集成

    5 Spring Boot

    6 部署

    7 BPMN 2.0简介

    8 BPMN 2.0的构造

    9 表单(Forms)

    9.1 表单定义
    9.2 表单属性
    9.3 外部表单渲染(External form rendering)


    有关Flowable的更多文档,参见:

    《Flowable文档大全》


    9 表单(Forms)

    Flowable provides a convenient and flexible way to add forms for the manual steps of your business processes. We support two strategies to work with forms: Built-in form rendering with a form definition (created with the form designer) and external form rendering. For the external form rendering strategy form properties can be used (that was supported in the Explorer web application in version 5), or a form key definition that points to an external form reference that can be resolved with custom coding.

    Flowable为向业务流程的手动步骤添加表单提供了一种方便、灵活的方式。我们支持两种处理表单的策略:带有表单定义的内置表单呈现(使用表单设计器创建)和外部表单呈现。对于外部表单呈现策略,可以使用表单属性(在版本5的Explorer web应用程序中支持),也可以使用表单键定义(form key definition),表单键指向可通过自定义编码解析的外部表单引用(external form reference)。

    9.1 表单定义

    Full information about the form definitions and Flowable form engine can be found in the Form Engine user guide. Form definitions can be created with the Flowable Form Designer that’s part of the Flowable Modeler web application, or created by hand with a JSON editor. The Form Engine user guide describes the structure of the form definition JSON in full length. The following form field types are supported:

    有关表单定义和Flowable表单引擎的完整信息可以在表单引擎用户指南(Form Engine user guide)中找到。表单定义可以使用Flowable表单设计器(Flowable Form Designer)创建(Flowable Form Designer 是Flowable Modeler web应用程序的一部分),也可以使用JSON编辑器手工创建。表单引擎用户指南完整地描述了表单定义JSON的结构。支持以下表单字段类型:

    • Text: rendered as a text field
    • Multiline text: rendered as a text area field
    • Number: rendered as a text field, but only allows numeric values
    • Checkbox: rendered as a checkbox field
    • Date: rendered as a date field
    • Dropdown: rendered as a select field with the option values configured in the field definition
    • Radio buttons: rendered as a radio field with the option values configured in the field definition
    • People: rendered as a select field where a person from the Identity user table can be selected
    • Group of people: rendered as a select field where a group from the Identity group table can be selected
    • Upload: rendered as an upload field
    • Expression: rendered as a label and allows you to use JUEL expressions to use variables and/or other dynamic values in the label text
    • 文本(Text):呈现为文本字段
    • 多行文本(Multiline text):呈现为文本区域字段
    • 数字(Number):呈现为文本字段,但仅允许数值
    • 复选框(Checkbox):呈现为复选框字段
    • 日期(Date):呈现为日期字段
    • 下拉列表(Dropdown):显示为一个选择字段,其中在字段定义中配置了选项值
    • 单选按钮(Radio buttons):呈现为一个单选字段,在字段定义中配置了选项值
    • 人员(People):呈现为一个选择字段,可从Identity用户表中选择人员
    • 人员组(Group of people):呈现为一个选择字段,可以从Identity组表中选择一个组
    • 上载(Upload):呈现为上载字段
    • 表达式(Expression):呈现为标签,在标签文本中,允许您使用JUEL表达式,并使用变量和/或其他动态值

    The Flowable task application is able to render an html form from the form definition JSON. You can also use the Flowable API to get the form definition JSON yourself.
    FormModel RuntimeService.getStartFormModel(String processDefinitionId, String processInstanceId)
    or
    FormModel TaskService.getTaskFormModel(String taskId)
    The FormModel object is a Java object representation of the form definition JSON.

    Flowable任务应用程序能够基于表单定义JSON渲染出一个html表单。您也可以使用Flowable API自己获取表单定义JSON。

    FormModel RuntimeService.getStartFormModel(String processDefinitionId, String processInstanceId)
    

    FormModel TaskService.getTaskFormModel(String taskId)
    

    FormModel对象是表单定义JSON的Java对象表示。

    To start a process instance with a start form definition you can use the following API call:

    要通过启动表单定义启动流程实例,可以使用以下API调用:

    ProcessInstance RuntimeService.startProcessInstanceWithForm(String processDefinitionId, String outcome,
        Map<String, Object> variables, String processInstanceName)
    

    When a form definition is defined on (one of) the start event(s) of a process definition, this method can be used to start a process instance with the values filled-in in the start form. The Flowable task application uses this method to start a process instance with a form as well. All form values need to be passed in the variables map and an optional form outcome string and process instance name can be provided.

    当在流程定义的启动事件(其中之一)上定义表单定义时,可以使用此方法启动流程实例(包含启动表单中填写的值)。Flowable任务应用程序也使用此方法通过表单来启动流程实例。所有表单值都需要通过变量映射(variables map)传递,并且提供可选的表单结果字符串和流程实例名称。

    In a similar way, a user task can be completed with a form using the following API call:

    类似地,使用以下API调用,可以通过表单完成用户任务:

    void TaskService.completeTaskWithForm(String taskId, String formDefinitionId,
        String outcome, Map<String, Object> variables)
    

    Again, for more information about form definitions have a look at the Form Engine user guide.

    并且,有关表单定义的更多信息,请参阅表单引擎用户指南(Form Engine user guide.)。

    展开全文
  • 3.表单定义(<form></form>标签) HTML表单是一个包含表单元素的区域, 表单使用<form> 标签创建。表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus...
  • 一开始做表单使用最笨的方法:一个个span去定义ID,每个数据都用ajax获取后赋值显示,然后在表单提交前一个个用jQuery根据ID获取元素的value,组成一个model来提交给服务器。 后来发现使用jQuery可以大大简化这个...
  • angularjs中radio表单提交问题

    千次阅读 2015-12-09 10:57:27
    我用div模拟的radio按钮,用ng-checked实现radio的切换选择,当点击第一个模拟的div点击的时候就将此div下的radio的ng-checked设置为true,以此类推,但是当点击提交之后,formData里没有数据,网上搜了一下是ng-...

    
    

    问题描述图片:

    我用div模拟的radio按钮,用ng-checked实现radio的切换选择,当点击第一个模拟的div点击的时候就将此div下的radio的ng-checked设置为true,以此类推,但是当点击提交之后,formData里没有数据,网上搜了一下是ng-model和ng-checked不能同时使用,请问还有别的思路和方法么?


    推荐这样写:

    <input ng-model="signup.mode"
           ng-class="{'active': signup.mode == 'person'}"
           type="radio"
           value="person"
           id="person-radio">
    <label for="person-radio">个人用户</label>
    <input ng-model="signup.mode"
           ng-class="{'active': signup.mode == 'company'}"
           type="radio"
           value="company"
           id="company-radio">
    <label for="company-radio">企业用户</label>


    使用 label 而不是 div 来模拟 radio 按钮的理由是:label 可以用 for 属性与 input[radio] 的 id 进行联动(这是 HTML 内置的行为),于是就不需要额外的数据绑定。当前激活的的 input[radio] 会把 value 的值赋给ng-model 绑定的对象上去。

    另外,ngChecked 的作用是给元素加上 checked 属性,这个属性在 HTML 里的定义是用来指示是否被默认选中,而不是切换被选中项。当然你可以这么用,然而 ngChecked 是要求里面的表达式返回布尔值的(以此来判定是否 checked),看你的代码:

    • 点击 div 的时候调用了 isActive('x'),这个不像是设定当前激活 input[radio] 的方法,反而像是返回是否为激活 input[radio] 的方法

    • ng-checked 直接传入的表达式是布尔值吗?我不得而知。然而看起来 isActive() 方法才是应该出现在这里的才对。



    展开全文
  • 一款非常强大的表单美化插件,点击颜色替换相应的checkbox和radio样式 多个选项来自定义checkbox和radio 8个回调函数支持 6个方法来编程控制 效果详情可参考http://www.xwcms.net/js/bddm/19041.html
  • 定义一个form <el-form :model="letterForm" ref="letterForm" label-width="100px" :rules="formValidateRules" > <div v-for="formItem in formItemList" :key="formItem.id" class="form_item_content...
  • HTML 表单

    千次阅读 2020-12-21 02:29:34
    HTML 表单和输入HTML 表单用于收集不同类型的用户输入。...用户可以在文本域写入文本。...(在本页底端可以找到更多实例。...表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radi...
  • ⑧submit(可以把表单域里面元素提交给后台)和reset(还原表单中数据到初始状态)里面通过value属性可以改变文字 5.表单标签 都应该在form里面 增加用户体验 帮助表单元素提高作用域 (1)...
  • radio默认选中最后一个、checkbox默认全部选择、select默认选择最后一个,可以通过定义选择器对默认值进行覆盖 生成的数据不符合强校验的规则,如果网站表单强校验可能需要修改自动生成的默认数据 radio、checkbox、...
  • 效果测试代码.weicot_radio{float:left;margin-top:0.5em;margin-right:0.5em;}.weicot_radio input[type="radio"]{display:none;}.weicot_radio input[type="radio"] + label{padding:0.2em 1em;border:1px solid #...
  • HTML--表单提交

    2021-06-13 08:10:12
    文章目录HTML–表单提交表单用于搜集不同类型的用户...一般有“GET”方式和“POST”方式, 不区分大小写标签 表示表单元素的文字标注标签,定义文字标注标签 表示表单元素的用户输入标签,定义不同类型的用户输入数据...
  • 随之实践的深入,发现表单中有一些标签如 <input type=" radio ">和<input type="checkbox "> 这两个标签在使用时为多个一起出现功能为单选和多选。例如在DAY2实例表格的性别和兴趣 这时我们所要...
  • input type="radio"> 单选框 适用于 选择性别按钮网页等 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" conte...
  • form表单详解

    千次阅读 多人点赞 2020-07-06 16:02:56
    表单在Web网页用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序以处理,从而使得Web服务器与用户之间具有交互功能。 表单实现前后台交互:用户将表单提交到后台再右后台提交到...
  • 这样子定义了input等标签,做提交表单的时候就不用担心ie6-ie7-ff下radio、checkbox、text等高低不平,参差不齐的状况了。 但是有一点疑惑.这样根据input的type来定义class名称,会不会不太合适? 还有个问题无法解决...
  • Vue.js提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环要怎样获得指定输入框的值呢 这里介绍两种: 一种是v-for循环生成的输入框, 一种是在...
  • HTML表单

    2021-06-12 15:39:05
    8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?...radio定义单选按钮输入(选择多个选择之一)submit定义提交按钮(提交表单)(3) 文本输入 定义用于文本输入的单行输入字段:...
  • js菜鸟----单选radio name属性 设置name相同的单选钮为同一组单选按钮 name 属性用于表单提交后向服务器传送数据,或者在Javascript引用表单数据。 注意: 在表单提交后只有表单元素的 name 属性才会传递数据值。 ...
  • Vuedata数据的第2种定义方式

    千次阅读 2021-01-12 17:03:33
    从vue.js的框架安装开始讲起,讲解vue中用到的常用的语法、数据绑定、指令、条件语句、循环语句、样式绑定、事件处理、监听、表单相关以及和后台数据库的交互。学完本课程可以做一些基本的实战项目学习Axios的使用...
  • van-radio中@change方法默认携带参数event: 默认传参及方法调用: <view> <van-radio-group v-bind:value="item.selectSexID" @change="radioChange"> <van-radio name="1" checked-color="#f2ae...
  • form表单细节一、表单1.表单 标签用于为用户输入创建 HTML 表单2.表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。4....
  • 表单基本概念

    千次阅读 2020-12-07 17:23:11
    表单 input标签 1.1输入框 type: text 功能:允许用户输入文本。 常用属性: value : 未输入之前的默认文本。(在点击提交或【button】按钮时,在网址栏会自动显示输入和选择的属性) placeholder:未输入之前...
  • Vuerules表单验证(常用)

    千次阅读 2021-11-19 16:24:00
    首先在表单中绑定rules,并在item中定义属性prop: 在data或computed编写rules规则: rules { name: [ { type: 'string',required: true,message: "名称必填", trigger: 'blur'}, {max: 30,message: "名称长度不...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 47,165
精华内容 18,866
关键字:

表单中定义radio