這篇文章將為大家詳細講解有關小程序中如何動態(tài)獲取列表對象信息,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
走過10多年,我們已為眾多企業(yè)及政府機關提供專業(yè)的互聯(lián)網(wǎng)服務。我們不只是一家專業(yè)網(wǎng)站制作公司;我們對營銷、技術、服務都有自己獨特見解,創(chuàng)新互聯(lián)公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務!創(chuàng)新互聯(lián)公司經(jīng)歷的每一步也許不一定是最完美的,但每一步都有值得深思的意義。
先上效果圖展示:
本內容主要介紹如何在列表中去動態(tài)獲取對象詳情:
1.先展示列表內容:
列表內容仍然是通過數(shù)據(jù)綁定和聊表渲染來實現(xiàn),wx:for的一系列參數(shù)設置。
{{item.pf_name}}
跳轉函數(shù)方法goDetail,跳轉過去的對象ID就是item.pf_id,點擊對象就是index。
當然這個也可以設置為navigator跳轉,區(qū)別是navigator是在鏈接內加上參數(shù)組合傳遞給頁面,這樣適用于寫死的內容。
2.鑒于是動態(tài)獲取,自然要請求后臺數(shù)據(jù):
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存儲為緩存數(shù)據(jù),發(fā)送給下一個頁面來獲取。一定要通過打印 console.log("++++++",ev,that)。來測試數(shù)據(jù)是否獲取到是否存儲到。
在對象詳情頁可以這樣展示:
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("員工數(shù)據(jù)", 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() {} });
通過點擊時傳遞的參數(shù)ID來發(fā)送請求信息,到服務器獲取到對象的所有信息后存儲下來拿到前端頁面,展示對應的。根據(jù)后臺人員設置的字段來傳遞對應字段參數(shù)。
最終就能拿到對象的動態(tài)信息。
關于“小程序中如何動態(tài)獲取列表對象信息”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。