国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

微信小程序 動(dòng)態(tài)綁定數(shù)據(jù)及動(dòng)態(tài)事件處理

2019-11-19 17:09:25
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

微信小程序 動(dòng)態(tài)綁定數(shù)據(jù)及動(dòng)態(tài)事件處理

關(guān)鍵核心代碼

<image class="midimage" data-Type="{{item.Type}}" data-BillCode="{{item.BillCode}}" data-src="{{item.imgurl}}" src="{{item.imgurl}}" mode="scaleToFill" bindtap="addtaskimg" bindlongtap="imglongtap" ></image>
var objurl= JSON.parse(res.data);        //重置圖片參數(shù)        var temppostionlist=that.data.postionlist;        for (var i=0;i<temppostionlist.length;i++)        {          if (temppostionlist[i]["Type"]==e.currentTarget.dataset.type){                      temppostionlist[i]["imgurl"]=temppaths;           temppostionlist[i]["serverimgurl"]=objurl.Body.Data;           break;          }                    }         that.setData( {               postionlist:temppostionlist          })

利用image的data-Type,可以在js后臺(tái)中知道是點(diǎn)擊了哪個(gè)image,上傳圖片后再循環(huán)得出相等data-type的數(shù)據(jù)項(xiàng)進(jìn)行賦值,這樣就能動(dòng)態(tài)給相應(yīng)的標(biāo)簽賦值

addtaskimg 為統(tǒng)一的動(dòng)態(tài)事件

主要代碼如下

.wxml

 <scroll-view class="center" scroll-y="true">      <view class="midcenter" wx:for="{{postionlist}}">      <view class="mid_top" >          <image class="smallimage" src="../images/my/XXH/line_title.png" mode="aspectFit" ></image>          <text>{{item.KeyValue}}</text>      </view>      <view class="mid_center">          <text>{{item.Remark}}</text>      </view>      <view class="mid_bottom">          <image class="midimage" data-Type="{{item.Type}}" data-BillCode="{{item.BillCode}}" data-src="{{item.imgurl}}"          src="{{item.imgurl}}" mode="scaleToFill" bindtap="addtaskimg" bindlongtap="imglongtap" ></image>      </view>            </view>    </scroll-view>

.js

addtaskimg:function(e){     //添加選擇圖片    if (this.data.blongtap)  {   //處理如果是長(zhǎng)按,則不再執(zhí)行下面的   this.setData({    blongtap:false   });   return;  }  var that = this;   wx.chooseImage({    count:1, //默認(rèn)1張    success:function(res){      //先上傳至服務(wù)器,再返回路徑供保存      var temppaths=res.tempFilePaths[0];//+".jpg";      wx.uploadFile({       url:app.globalData.ghost+"YWTask/PutUploadFile?BillCode="+that.data.detail.BillCode+"&ID="+that.data.id,       filePath:temppaths,       name:'image',       formData:{},       success:function(res){        //res.data返回的是一個(gè)字符串,需進(jìn)行轉(zhuǎn)換成objcet,wx不識(shí)別eval函數(shù)        console.log(res.Data);        var objurl= JSON.parse(res.data);        //重置圖片參數(shù)        var temppostionlist=that.data.postionlist;        for (var i=0;i<temppostionlist.length;i++)        {          if (temppostionlist[i]["Type"]==e.currentTarget.dataset.type){                      temppostionlist[i]["imgurl"]=temppaths;           temppostionlist[i]["serverimgurl"]=objurl.Body.Data;           break;          }                    }         that.setData( {               postionlist:temppostionlist          })               }      })    }   }) }

感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 涪陵区| 古田县| 论坛| 库尔勒市| 武安市| 唐海县| 徐闻县| 军事| 措美县| 乌拉特前旗| 奈曼旗| 石台县| 抚州市| 临海市| 卢湾区| 融水| 清河县| 白沙| 高雄县| 田东县| 绥芬河市| 抚顺县| 辽宁省| 特克斯县| 岳普湖县| 普兰店市| 临湘市| 青冈县| 嫩江县| 福泉市| 丁青县| 德令哈市| 新余市| 平阴县| 申扎县| 三明市| 普格县| 南涧| 姚安县| 英超| 玛沁县|