14 组件-表单
2017-12-29 14:39
225 查看
一,form
将组件内的用户输入的switch, input,checkbox, slider, radio, picker 提交当点击 表单中 formType 为 submit 的 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。
属性名 | 类型 | 说明 |
---|---|---|
report-submit | Boolean | 是否返回 formId 用于发送模板消息 |
bindsubmit | EventHandle | 携带 form 中的数据触发 submit 事件,event.detail = {value : {‘name’: ‘value’} , formId: ”} |
bindreset | EventHandle | 表单重置时会触发 reset 事件 |
<form bindsubmit="formSubmit" bindreset="formReset"> <view class="btn-area"> <button formType="submit">Submit</button> <button formType="reset">Reset</button> </view> </form>
二,switch
开关选择器属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
checked | Boolean | false | 是否选中 |
type | String | switch | 样式,有效值:switch, checkbox |
bindchange | EventHandle | checked 改变时触发 change 事件,event.detail={ value:checked} | |
color | Color | switch 的颜色,同 css 的 color |
Page({ switch1Change: function (e){ console.log('switch1 发生 change 事件,携带值为', e.detail.value) }, switch2Change: function (e){ console.log('switch2 发生 change 事件,携带值为', e.detail.value) } })
<view class="body-view"> <switch checked bindchange="switch1Change"/> <switch bindchange="switch2Change"/> </view>
相关文章推荐
- Sencha Touch 2 学习笔记(三)----Form表单容器及其子组件
- 15.EASYUI Form表单组件Java后台交互
- 简洁易用的表单数据设置和收集管理组件
- 开发指南专题九:JEECG微云快速开发平台-表单校验组件ValidForm
- PHP处理多值表单组件
- Html学习(8) - 表单组件:input和select
- Bootstarp学习教程(14) 其他相关组件(2)
- 【ExtJs】 ExtJs4.2 基本表单组件的使用
- vue使用自定义事件的表单输入组件(日期组件与货币组件)
- 使用Commons-fileupload 组件上传时,获取表单其它元素系列问题集锦
- JS表单验证组件浅讲
- Vue表单类的父子组件数据传递示例
- 强大的DataGrid组件[6]_调用存储过程服务端分页——Silverlight学习笔记[14]
- 强大的DataGrid组件[14][Final]_数据验证——Silverlight学习笔记[22]
- jquerymobile-14 表单基础
- 详解Bootstrap表单组件
- 14.EASYUI ComboTree组件
- 开发指南专题九:JEECG微云快速开发平台-表单校验组件ValidForm
- 设计自动获取网页和提交表单组件
- YbSoftwareFactory 代码生成插件【十六】:Web 下灵活、强大的审批流程实现(含流程控制组件、流程设计器和表单设计器)