欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 怎么实现两个view动态排序?

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:736

高端HTML5响应式企业通用网

2020-05-06   浏览:517

html5响应式外贸网站英文版

2020-05-08   浏览:505

HTML5自适应律师工作室类网

2020-04-04   浏览:501

HTML5影视传媒文化公司类网

2020-05-12   浏览:495

怎么实现两个view动态排序?

发布时间:2020-10-04  
wxml: <view class='LBall' > <!-- 1:楼盘商品介绍 --> <block wx:for='{{loupanbt}}' data-loupanID="{{loupanbt.loupanbtID}}" wx:for-item="loupanbt" wx:key="{{loupanbt.id}}"> <view class='anjia-loupanjieshao'> <view class='maidian-thought-1'>\r\t{{loupanbt.loupanbiaoti}}\t\r</view> <view class='anjia-wenzi'>{{loupanbt.loupanwenben}}</view> <view class='anjia-image'><image src='{{loupanbt.images}}'></image></view> </view> <!-- 2:预约拨打电话 --> <view class='tantou' wx:for='{{tantou}}' data-tantouID="{{tantou.tantouID}}" wx:for-item="tantou" wx:key="{{unique}}"> <view class='tantou-xinxi'> <button class='tantou-lejie'><navigator url="">{{tantou.lejie}} </navigator></button> <button class='tantou-bodas' catchtap='phone'>{{tantou.bodas}}</button> </view> <view class='tantou-xinxi'> <form bindsubmit="yuyueSubmit"> <input type="number" class="yuyuephone" name="yuyuephone" placeholder="输入您电话"id="yuyuephone" maxlength="11" bindinput='blurPhone'/> <button form-type='submit' class='yuyuebtn'>{{tantou.queding}}</button> </form> </view> </view> </block> </view>  







js:请求代码
//成功后的回调 success: function (res) { console.log(res) var status=that.data.loupanID; var status=that.data.tantouID; if (status == 1) { //假设这json有loupanbt.loupanbtID参数 that.setData({ loupanbt: res.data,//生成div }) } else if (status == 2) { //假设这json有tantou.tantouID参数 const length = this.data.tantou.length; this.data.tantou = [{ lejie: length, bodas: length, queding: length, unique:'unique_' + length }].concat(this.data.tantou)//小程序端自动增加一个静态div this.setData({ tantou:boda//生成div }) }
 

json模拟:
[ { "loupanbtID":"1", "loupanbiaoti": "靠近地铁,临近商圈1", "loupanwenben":"穗莞深轨道规划接驳,东莞地铁时代来临卓越中寰踞R2线天宝站B出口, 真地铁口物业直达CBD,纵贯穗-莞-深-港同时20多条公交线路,交通便捷", "images": "" }, { "loupanbtID":"1", "loupanbiaoti": "靠近地铁,临近商圈2", "loupanwenben":"穗莞深轨道规划接驳,东莞地铁时代来临卓越中寰踞R2线天宝站B出口, 真地铁口物业直达CBD,纵贯穗-莞-深-港同时20多条公交线路,交通便捷", "images": "" }, { "tantouID":"2" }, { "loupanbtID":"1", "loupanbiaoti": "靠近地铁,临近商圈3", "loupanwenben":"穗莞深轨道规划接驳,东莞地铁时代来临卓越中寰踞R2线天宝站B出口, 真地铁口物业直达CBD,纵贯穗-莞-深-港同时20多条公交线路,交通便捷", "images": "" }, { "loupanbtID":"1", "loupanbiaoti": "靠近地铁,临近商圈4", "loupanwenben":"穗莞深轨道规划接驳,东莞地铁时代来临卓越中寰踞R2线天宝站B出口, 真地铁口物业直达CBD,纵贯穗-莞-深-港同时20多条公交线路,交通便捷", "images": "" }, ]  


我想根据后端排序来实现:商品列表view和拨打电话view,动态随意排序(我后端有个编辑器可以把商品列表和拨打电话view随意打乱顺序),我前端请求时候该怎么判断是商品列表还是拨打电话view?
目前我上面代码:我的思路是:根据定义id(data-tantouID="{{tantou.tantouID}}" )来判断顺序,数据我拿到了,可是组装不成功,,有大佬指教下问题所在吗?

 

本主题由 Rolan 于 4 天前 审核通过

   

SF)MN8PF`Q39LFV$@V(OGZI.png (91.32 KB, 下载次数: 1)

SF)MN8PF`Q39LFV$@V(OGZI.png

本文标签

:备案管家服务帮您把复杂流程变简单,解决您在进行网站备案过程中遇到的效率低下和成功率不高的问题。个人300/2个域名,企业500/5个域名,qq1650004.