接着上一张管理收货地址,这章主要讲解新增,编辑,选择省市区功能,主要有windowReceiver, windowDialog,树组件的使用。
1,新增,编辑地址,页面。
在页面中放入windowReceiver, windowDialog组件
windowReceiver:用于接收地址参数,判断是否为新增或编辑。
windowDialog:用于打开选择省市区弹窗,返回选择数据。
Model.prototype。windowReceiver1Receive=函数(事件){
var addressData=https://www.yisu.com/zixun/this.comp (“addressData”);
addressData.clear();//清除数据
我var=,
如果(this.params。运算符==靶隆?{//为新增
addressData。newData({//新增字段,清除原有数据
“defaultvalue”: [{
" id ": justep.UUID.createUUID ()
“fCreateTime”:新的日期()
}]
});其他
}{//为编辑
var url=require.toUrl (url_window +/uapp/getaddressByid.htm jsoncallback=?”);
,,,,.ajaxSettings美元。异步=false;
,,,,,var id=me.params.id !=" " ? me.params.id: ";
,,,var数据={
,,,,id, id:
,,,,,}
,,,美元.getJSON (url、数据、功能(数据){//通过传人id获取当前id数据返回数据组件
addressData.loadData (data.areaItem);
addressData.first();//若数据加载不出,可加上此代码试试
});,
}
};
//判断手机号码,失焦时判断手机号码正则
Model.prototype。mobileInputBlur=函数(事件){
var电话=this.comp (mobileInput) .val ();
var phoneReg=/^ (0 | 86 | 17951) ? (13 [0 - 9] [012356789] 15 | | 17 18 [0 - 9] [678] | | 14 [57]) [0 - 9] {8} $/;
如果(! phoneReg.test(电话)| |电话==" "){
util.hint(“手机号码有误,请重新输入”);
this.comp (mobileInput) .val (“);
}
};
2,选择省市区。
//选择省市
Model.prototype.chooseAddressClick=函数(事件){
this.comp (chooseAddInput) .val (“);
this.comp (windowDialog1) .open();//点击输入弹出省市区页面。
};
3,树使用
使用树组件的json数据必须是固定一种结构json:
设置选择最后一级时隐藏右侧箭头
当点击到最后一级时,将当前id,名称返回到新增地址页面
wex5实战之管理收货地址(二)