この記事の内容は、小さなプログラムでリスト オブジェクトの情報を動的に取得するためのコード例です。必要な方は参考にしていただければ幸いです。
まずはレンダリング :
##このコンテンツでは主に以下の方法を紹介します。リスト内のオブジェクトの詳細を動的に取得するには: 1. 最初にリストのコンテンツを表示します:
リストのコンテンツは、wx:for セットアップの一連のパラメーターであるデータ バインディングとチャット テーブル レンダリングによって実装されます。 。
<block> <view> <!--界面跳转 --> <image></image> <text>{{item.pf_name}}</text> <!-- <text>{{item.pf_id}}</text> --> </view> </block>
goDetail、ジャンプ先のオブジェクトIDはitem.pf_id、クリックされたオブジェクトはindexです。 もちろん、これをナビゲーター ジャンプとして設定することもできます。違いは、ナビゲーターがリンクにパラメーターの組み合わせを追加し、それをページに渡すことであり、ハードコーディングされたコンテンツに適しています。
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() {} });
最後に、オブジェクトの動的な情報を取得できます。
以上がミニプログラムでリストオブジェクト情報を動的に取得するコード例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。