小程序中动态获取列表对象信息的代码示例

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

本篇文章给大家带来的内容是关于小程序中动态获取列表对象信息的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

先上效果图展示

小程序中动态获取列表对象信息的代码示例

小程序中动态获取列表对象信息的代码示例

本内容主要介绍如何在列表中去动态获取对象详情:
1.先展示列表内容:
列表内容仍然是通过数据绑定和聊表渲染来实现,wx:for的一系列参数设置。

<block wx:for="{{personList}}" wx:key="" wx:for-item="item">   <view class="nav_right_items" bindtap='goDetail' data-index="{{index}}" data-id="{{item.pf_id}}">     <!--界面跳转 -->     <image src="{{personImg}}"></image>     <text>{{item.pf_name}}</text>     <!-- <text>{{item.pf_id}}</text> -->   </view> </block>

跳转函数方法goDetail,跳转过去的对象ID就是item.pf_id,点击对象就是index
当然这个也可以设置为navigator跳转,区别是navigator是在链接内加上参数组合传递给页面,这样适用于写死的内容。
2.鉴于是动态获取,自然要请求后台数据:

goDetail: function(ev) {    var that = this;    var e = ev.currentTarget.dataset.id;    console.log("++++++",ev,that)    wx.setStorageSync("people_id", e), wx.navigateTo({      url: "../detail/detail"    })  },

这里边将列表对象id存储为缓存数据,发送给下一个页面来获取。一定要通过打印 console.log(“++++++”,ev,that)。来测试数据是否获取到是否存储到。
在对象详情页可以这样展示:

require("../../utils/util.js"), getApp(); Page({ data: {   name: "",   sex: "",   birthday: "",   post: "",   address: "",   addtime: "",   phone: "",   identityCard: "",   schools: "",   pspecialty: "",   diploma: "",   workingState: "",   entrytime: "",   worktime: "" }, onLoad: function(e) {   var t = this,     a = wx.getStorageSync("session_uid"),     i = wx.getStorageSync("people_id");   console.log("--------",i,e,a)   wx.request({     url: "https://xxxxxxxxxxxxx.com/wx/userinfo/",     data: {       pf_id: i,       Cookie: a     },     method: "POST",     header: {       "Content-Type": "application/x-www-form-urlencoded"     },     success: function(e) {       console.log("员工数据", e.data.data);       var a = e.data.data;       t.setData({         name: a.pf_name,         sex: a.pf_sex,         birthday: a.pf_birthday,         post: a.m_id_post,         address: a.pf_address,         addtime: a.pf_addtime,         phone: a.pf_phone,         identityCard: a.pf_identityCard,         schools: a.pf_schools,         diploma: a.m_id_diploma,         pspecialty: a.pf_specialty,         workingState: a.pf_workingState.state_name,         entrytime: a.pf_entrytime,         worktime: a.worktime       })     },     fail: function(e) {}   }) }, onReady: function() {}, onShareAppMessage: function() {} });

通过点击时传递的参数ID来发送请求信息,到服务器获取到对象的所有信息后存储下来拿到前端页面,展示对应的。根据后台人员设置的字段来传递对应字段参数。
最终就能拿到对象的动态信息。

本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » 小程序中动态获取列表对象信息的代码示例

发表评论

提供最优质的资源集合

立即查看 了解详情