亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 課堂 > 小程序 > 正文

關于小程序動態綁定數據,動態事件處理的方法教程

2020-03-21 16:19:15
字體:
來源:轉載
供稿:網友
原理:主要是通過定義標簽的標識與數據進行判斷加載

關鍵核心代碼

  1. <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> 
  2.  
  3. var objurl= JSON.parse(res.data); 
  4.  
  5.                 //重置圖片參數 
  6.  
  7.                 var temppostionlist=that.data.postionlist; 
  8.  
  9.                 for (var i=0;i<temppostionlist.length;i++) 
  10.  
  11.                 { 
  12.  
  13.                     if (temppostionlist[i]["Type"]==e.currentTarget.dataset.type){                      
  14.  
  15.                       temppostionlist[i]["imgurl"]=temppaths; 
  16.  
  17.                       temppostionlist[i]["serverimgurl"]=objurl.Body.Data; 
  18.  
  19.                       break
  20.  
  21.                     }                        
  22.  
  23.                 } 
  24.  
  25.                 that.setData( {   
  26.  
  27.                          postionlist:temppostionlist    
  28.  
  29.                 }) 

利用image的data-Type,可以在js后臺中知道是點擊了哪個image,上傳圖片后再循環得出相等data-type的數據項進行賦值,這樣就能動態給相應的標簽賦值

addtaskimg 為統一的動態事件

主要代碼如下

.wxml

    
  1. <scroll-view class="center" scroll-y="true"> 
  2.  
  3.         <view class="midcenter" wx:for="{{postionlist}}"> 
  4.  
  5.         <view class="mid_top" > 
  6.  
  7.                 <image class="smallimage" src="../images/my/XXH/line_title.png" mode="aspectFit" ></image> 
  8.  
  9.                 <text>{{item.KeyValue}}</text> 
  10.  
  11.         </view> 
  12.  
  13.         <view class="mid_center"> 
  14.  
  15.                 <text>{{item.Remark}}</text> 
  16.  
  17.         </view> 
  18.  
  19.         <view class="mid_bottom"> 
  20.  
  21.                 <image class="midimage" data-Type="{{item.Type}}" data-BillCode="{{item.BillCode}}" data-src="{{item.imgurl}}" 
  22.  
  23.                 src="{{item.imgurl}}" mode="scaleToFill" bindtap="addtaskimg" bindlongtap="imglongtap" ></image> 
  24.  
  25.         </view>           
  26.  
  27.         </view> 
  28.  
  29.     </scroll-view> 


.js

  1. addtaskimg:function(e){     
  2.  
  3.     //添加選擇圖片   
  4.  
  5.     if (this.data.blongtap) 
  6.  
  7.     { 
  8.  
  9.       //處理如果是長按,則不再執行下面的 
  10.  
  11.       this.setData({ 
  12.  
  13.         blongtap:false 
  14.  
  15.       }); 
  16.  
  17.       return
  18.  
  19.     } 
  20.  
  21.     var that = this
  22.  
  23.      wx.chooseImage({ 
  24.  
  25.        count:1, //默認1張 
  26.  
  27.        success:function(res){ 
  28.  
  29.             //先上傳至服務器,再返回路徑供保存 
  30.  
  31.             var temppaths=res.tempFilePaths[0];//+".jpg"; 
  32.  
  33.             wx.uploadFile({ 
  34.  
  35.               url:app.globalData.ghost+"YWTask/PutUploadFile?BillCode="+that.data.detail.BillCode+"&ID="+that.data.id, 
  36.  
  37.               filePath:temppaths, 
  38.  
  39.               name:'image'
  40.  
  41.               formData:{}, 
  42.  
  43.               success:function(res){ 
  44.  
  45.                 //res.data返回的是一個字符串,需進行轉換成objcet,wx不識別eval函數 
  46.  
  47.                 console.log(res.Data); 
  48.  
  49.                 var objurl= JSON.parse(res.data); 
  50.  
  51.                 //重置圖片參數 
  52.  
  53.                 var temppostionlist=that.data.postionlist; 
  54.  
  55.                 for (var i=0;i<temppostionlist.length;i++) 
  56.  
  57.                 { 
  58.  
  59.                     if (temppostionlist[i]["Type"]==e.currentTarget.dataset.type){                      
  60.  
  61.                       temppostionlist[i]["imgurl"]=temppaths; 
  62.  
  63.                       temppostionlist[i]["serverimgurl"]=objurl.Body.Data; 
  64.  
  65.                       break
  66.  
  67.                     }                        
  68.  
  69.                 } 
  70.  
  71.                 that.setData( {   
  72.  
  73.                          postionlist:temppostionlist    
  74.  
  75.                 })                
  76.  
  77.               } 
  78.  
  79.             }) 
  80.  
  81.        } 
  82.  
  83.      }) 
  84.  
  85.   } 


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美激情一二区| 97色在线观看| 精品香蕉一区二区三区| 亚洲石原莉奈一区二区在线观看| 少妇激情综合网| 中文字幕精品在线视频| 最近2019年日本中文免费字幕| 欧美极品少妇xxxxⅹ裸体艺术| 91久热免费在线视频| 在线看国产精品| 精品国模在线视频| 欧美大荫蒂xxx| 色综合久久88色综合天天看泰| 日韩av毛片网| 久久久在线免费观看| 欧美激情国产日韩精品一区18| 奇门遁甲1982国语版免费观看高清| 久久久av免费| 日韩激情av在线免费观看| 久久香蕉国产线看观看av| 欧美激情亚洲国产| 成人黄色av播放免费| 一区二区三区四区在线观看视频| 日韩av在线资源| 国产精品久久一区| 97超级碰碰人国产在线观看| 国产激情综合五月久久| 久久九九国产精品怡红院| 国产日本欧美一区二区三区在线| 成人精品视频久久久久| 国产精品入口日韩视频大尺度| 欧美精品做受xxx性少妇| 4438全国亚洲精品在线观看视频| 国产91精品青草社区| 久久天天躁狠狠躁夜夜爽蜜月| 久久这里有精品| 亚洲国产又黄又爽女人高潮的| 欧美视频二区36p| 欧美电影免费观看电视剧大全| 少妇精69xxtheporn| 日韩欧美在线国产| 亚洲国产精品中文| 中国china体内裑精亚洲片| 国产极品精品在线观看| 在线播放国产一区二区三区| 欧美精品免费播放| 久久国内精品一国内精品| 亚洲影视九九影院在线观看| 国产91成人在在线播放| 欧美高清在线视频观看不卡| 理论片在线不卡免费观看| 国产日韩精品视频| 免费99精品国产自在在线| 亚洲免费人成在线视频观看| 欧美日产国产成人免费图片| 成人网在线视频| 这里只有精品在线观看| 亚洲欧美制服中文字幕| 日本精品久久中文字幕佐佐木| 色综合视频一区中文字幕| 中文字幕精品久久| 亚洲欧洲高清在线| 亚洲综合第一页| 中文字幕欧美专区| 国产欧美日韩91| 欧美日韩亚洲视频一区| 欧美视频不卡中文| 日韩欧美视频一区二区三区| 在线观看中文字幕亚洲| 国外成人在线视频| 午夜精品久久久久久久99热浪潮| 久久精品人人做人人爽| 国产欧美日韩最新| 国产欧美日韩高清| 国产成人亚洲综合青青| 久久精品中文字幕免费mv| 成人亚洲欧美一区二区三区| 中文字幕亚洲综合久久筱田步美| 日韩免费观看高清| 亚洲成人精品久久| 国产欧美日韩免费| 日韩av在线一区| 国产99久久精品一区二区永久免费| 国产精品精品视频| 国产91精品网站| 4438全国亚洲精品在线观看视频| 亚洲影院高清在线| 全球成人中文在线| 欧美成人小视频| 日韩国产高清视频在线| 91亚洲一区精品| 国产aⅴ夜夜欢一区二区三区| 成人国产精品久久久久久亚洲| 国产精品视频内| 国产成人a亚洲精品| 亚洲一区www| 国产精品日韩电影| 91系列在线观看| 日韩欧美在线免费| 亚洲第一免费播放区| 国产日韩在线视频| 国产高清在线不卡| 青青青国产精品一区二区| 欧美一区二区三区精品电影| 欧美激情一级精品国产| 91精品国产91久久久| 日韩精品有码在线观看| 精品国产一区二区三区久久久| 亚洲人成亚洲人成在线观看| 成人激情在线观看| 亚洲国产精品悠悠久久琪琪| 久久国产精品免费视频| 视频一区视频二区国产精品| 欧美最猛性xxxxx(亚洲精品)| 久久九九全国免费精品观看| 亚洲精品久久久久久久久久久久| 久久综合伊人77777尤物| 黄色成人在线免费| 97视频在线免费观看| 久久天天躁狠狠躁老女人| 亚洲在线观看视频网站| 国产女人18毛片水18精品| 国产成人精品一区二区三区| 欧美视频裸体精品| 久久久999国产精品| 欧洲永久精品大片ww免费漫画| 亚洲va码欧洲m码| 91av免费观看91av精品在线| 欧美大片在线看免费观看| 国产在线观看不卡| www.久久久久| 成人h猎奇视频网站| 国产精品久久久久久久久久久久久久| 91av福利视频| 欧美成年人视频网站欧美| www.欧美三级电影.com| 国产精品福利在线观看网址| 国产精品h片在线播放| 国产剧情久久久久久| 日韩电影视频免费| 国产精品27p| 亚洲一区二区精品| 国产精品jvid在线观看蜜臀| 亚洲男人天堂网站| 成人日韩av在线| 亚洲国产中文字幕在线观看| 高跟丝袜一区二区三区| 亚洲九九九在线观看| 少妇精69xxtheporn| 亚洲综合色av| …久久精品99久久香蕉国产| 91精品国产综合久久久久久久久| 国产福利精品在线| 亚洲精品免费在线视频| 最新亚洲国产精品| 91色精品视频在线| 午夜精品久久久99热福利| 亚洲欧美变态国产另类| yw.139尤物在线精品视频| 中文字幕日韩精品在线观看| 欧美日韩福利在线观看| 国外成人在线播放| 亚洲最大成人网色| 国产精品成人久久久久|