发布房源（三）02——获取表单数据- onSelect 处理方法打印表单数据

发布房源——获取表单数据- onSelect 处理方法 & 打印表单数据

获取表单数据

分析
- InputItem、TextareaItem、Picker 组件，都使用 onChange 配置项，来获取当前值。
- 处理方式：封装一个事件处理程序 getValue 来统一获取三种组件的值。
步骤
- 创建方法 getValue 作为三个组件的事件处理程序。
- 该方法接收两个参数：1 name 当前状态名 2 value 当前输入值或选中值。
- 分别给 InputItem / TextareaItem / Picker 组件，添加 onChange 配置项。
- 分别调用 getValue 并传递 name 和 value 两个参数（注意：Picker 组件选中值为数组，而接口需要字符串，所以，取索引号为 0 的值即可）。
- 给 HousePackge 组件，添加 onSelect 属性。
- 在 onSelect 处理方法中，通过参数获取到当前选中项的值。 (子传父)
- 根据发布房源接口的参数说明，将获取到的数组类型的选中值，转化为字符串类型。
- 调用 setState() 更新状态。

getValue = (name, v) => {this.setState({[name]: v})
}

// Picker的数据需要取第一个
this.getValue('roomType', value[0])

// 子传父-> 把数据join成|分割的字符串
<HousePackgeselectonSelect={selectNames => {this.setState({supporting: selectNames.join('|')})}}
/>

获取房源表单数据

发布房源（三）02——获取表单数据- onSelect 处理方法打印表单数据相关推荐

三种获取Class类型的实例的方法
通过Object类中的getClass()方法: 通过静态方法Class.forName("全类名"): 通过类字面常量Class.class. 三种获取Class类型的实例的方法 ...
php将表单数据存入数据库,php将表单中数据传入到数据库
无标题文档//创建表单姓名 header("Content-type:text/html;charset=utf-8"); if(isset($_POST['submit'])) ...
提交表单数据到数据库_普通表单不仅适用于数据库
提交表单数据到数据库您也可以将类似的规则应用于数据对象类型. (You can apply similar rules to data object types, too.) You probabl ...
三个获取浏览器URL中参数值的方法
这三个是一般的获取浏览器传的参数值的方法,之前有用unescape()解码的方法,但是遇到汉字会产生乱码,所以用decodeURI(); 方法一: function getQueryString(na ...
ASP.NET MVC保持表单数据状态的方法：input辅助器+模型绑定
ASP.NET使用ViewState保持网页的状态,服务器端控件也默认使用该对象保持状态.该技术的主要弊端是服务器需要发送大量的状态数据给客户端.ASP.NET MVC没有采用服务器端控件技术,也就不 ...
表单数据自动录入_Excel总表录入、分表自动更新，只要数据透视表和一个快捷键就行...
合并多个分表到一个总表中,这样的操作很常见.但,有时候我们也需要反过来,即将一个总表拆分成多个子表,并且在总表中录入/修改数据后,每个分表都可以自动更新数据. 如以下资金流动表. 除了资金流水,我们还 ...
vue自动提交表单_(尚012)Vue表单数据的自动手集(表单数据提交,需要收集表单数据)...
自动收集,就是我一输入数据,就自动收集,等我点击提交按钮的时候,数据就收集好了 1.使用v-model对表单数据自动收集 1)text/textare----单行/多行输入框 2)checkbox-- ...
小程序基础 - wafer2 - PHP - 后台和前台 - 利用对象数组来传递表单数组的正确方法 - 下载部分（服务器到微信)
前言:小程序Request的接口的话,后台和前台会遇到传递比较多的数据,其中最多的是数组的传递,那么,数组是如何 ,以那种格式在前端和后台之间传输呢?其实并没有那么复杂,就是对象数组就可以了,不需要高 ...
php表单数据写入txt文件_vba写入txt数据，发生数据丢失的奇怪现象
最近在自己写的KML综合工具箱插件上开发一个基站扇区为箭头的功能,需要把相关的经纬度信息和扇区箭头经纬度,还有一些KML的标记写入txt文本,生成kml文件,代码结构如下: Sub WriteData ...
Action 中获取表单数据的三种方式
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/53138905 冷血之心的博客) Action 中获取表单提交数据 ...

发布房源（三）02——获取表单数据- onSelect 处理方法打印表单数据

发布房源——获取表单数据- onSelect 处理方法 & 打印表单数据

获取表单数据

发布房源（三）02——获取表单数据- onSelect 处理方法打印表单数据相关推荐

最新文章

热门文章

发布房源（三）02——获取表单数据- onSelect 处理方法 打印表单数据

发布房源——获取表单数据- onSelect 处理方法 & 打印表单数据

获取表单数据

发布房源（三）02——获取表单数据- onSelect 处理方法 打印表单数据相关推荐

最新文章

热门文章

发布房源（三）02——获取表单数据- onSelect 处理方法打印表单数据

发布房源（三）02——获取表单数据- onSelect 处理方法打印表单数据相关推荐