js
data{
options3: [],
exYsdmList:[],
reply:false
}
/**
* 选择颜色状态
*/
exysdm() {
const that = this;
var exYsdmList= that.data.exYsdmList;
$wuxSelect('#exysdm').open({
value: this.data.value3,
options: this.data.options3,
onConfirm: (value, index, options) => {
console.log('颜色状态', value, index);
var orderEditData = that.data.orderEditData;
orderEditData.exysdm = value;
for(var index in exYsdmList){
if(exYsdmList[index].code==value){
if( exYsdmList[index].code!="手动输入"){
orderEditData.exYsdmName=exYsdmList[index].name;
}else{
orderEditData.exYsdmName="";
}
break;
}
}
if (index !== -1) {
that.setData({
value1: value,
displayValue3: options[index],
orderEditData: orderEditData
});
wx.setStorageSync("orderEditData", orderEditData);
}
if(index == (exYsdmList.length-1)){
that.setData({ reply: true })
}else{
that.setData({ reply: false })
}
},
})
},
onLoadExYsdm:function(){
const that = this;
var djno = this.data.djno;
console.log('djno工程号', djno);
wx.request({
url: app.myGlobal.httpUrl + 'getItemList.do',
header: {
"AppKeyCode": app.myGlobal.AppKeyCode
},
method: "GET",
data: {
type: 'exysdm',
djno: djno
},
success: function(res) {
var itemList = res.data.obj;
var options3 = that.data.options3;
for (var i = 0; i < itemList.length; i++) {
options3[i] = itemList[i].code; //对应下标
}
for(var i=0;i<options3.length;i++){
if(options3[i]!="手动输入"){
options3.push("手动输入");
itemList.push({code:"手动输入",name:"手动输入"});
break;
}
}
that.setData({
options3: options3,
exYsdmList:itemList
});
},
fail: function(res) {
console.error("颜色状态 fail! ");
},
complete: function(res) {
hasClick = false;
wx.hideLoading();
}
})
},
======================
wxml
<view class="weui-cells weui-cells_after-title">
<wux-cell title="型材颜色" style="width:60px;" is-link extra="{{ displayValue3 }}" bind:click="exysdm"></wux-cell>
</view>
<view class="weui-cells weui-cells_after-title {{reply?'on':'off'}}">
<view class="weui-cell weui-cell_input">
<view class="weui-cell__hd">
<view class="weui-label">手动输入</view>
</view>
<view class="weui-cell__bd">
<input class="weui-input" placeholder="输入完整颜色编码" placeholder-class='pcolor' value='{{orderEditData.exYsdm}}' bindblur="findColorTap"/>
</view>
</view>
</view>
=======================
css
.section{
font-size:28rpx;
margin-left: 50rpx;
margin-top: 30rpx;
}
.on{display: block}
.off{display: none}/**none**/
微信小程序,下拉,可选择手动输入
原创wx6311aa5a3b012 博主文章分类:wxchat 微信小程序 ©著作权
©著作权归作者所有:来自51CTO博客作者wx6311aa5a3b012的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:20180705 SSH,SSM
下一篇:小程序navigateTo 转参注意二点。JSON.stringify(object),JSON.parse(String),encodeURIComponentdecodeURIComponent
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
微信小程序实现下拉选择及手动输入查询
实现效果如图:实现关键:picker-view点击查看实现代码
微信小程序 小程序 其他 -
Element中下拉菜单的输入框-可输入可选择
Element中下拉菜单的输入框-可输入可选择,直接上代码,如图直接添加这两个属性即可实现
前端 javascript elementui vue