Yao 38f91f4893
[improvement] Field: 新增 Form 支持 (#75)
* feat: field 增加 form 支持 && field 增加 focus blur 支持

* 增加文档说明

* 优化 field 文档
2017-12-10 00:15:05 +08:00

57 lines
1.5 KiB
JavaScript

const Zan = require('../../dist/index');
const config = require('./config');
Page(Object.assign({}, Zan.Field, {
data: {
config,
value: 'test',
textareaValue: 'test textarea',
area: ['省份', '北京市', '天津市', '河北省', '山西省', '内蒙古自治区', '辽宁省', '吉林省', '黑龙江省', '上海市', '江苏省', '浙江省', '安徽省', '福建省', '江西省', '山东省', '河南省', '湖北省', '湖南省', '广东省', '广西壮族自治区', '海南省', '重庆市', '四川省', '贵州省', '云南省', '西藏自治区', '陕西省', '甘肃省', '青海省', '宁夏回族自治区', '新疆维吾尔自治区', '台湾省', '香港特别行政区', '澳门特别行政区'],
areaIndex: 0
},
onAreaChange(e) {
this.setData({
areaIndex: e.detail.value
});
},
handleZanFieldChange(e) {
const { componentId, detail } = e;
console.log('[zan:field:change]', componentId, detail);
},
handleZanFieldFocus(e) {
const { componentId, detail } = e;
console.log('[zan:field:focus]', componentId, detail);
},
handleZanFieldBlur(e) {
const { componentId, detail } = e;
console.log('[zan:field:blur]', componentId, detail);
},
clearInput() {
this.setData({
value: ''
});
},
clearTextarea() {
this.setData({
textareaValue: ''
});
},
formSubmit(event) {
console.log('[zan:field:submit]', event.detail.value);
},
formReset(event) {
console.log('[zan:field:reset]', event);
}
}));