微信小程序开发2-点击列表中的某一行跳转到新的页面显示该列的详细信息

此博客介绍如何在微信小程序中实现点击列表项跳转到新页面,并显示所选内容的详细信息。开发者首先需要根据上一个案例的页面间传值方法,获取u_id,然后通过这个id查询数据库获取详细数据。文章包含xxx_x.js和xxx_x.wxml的代码示例,展示了如何显示和修改信息。点击修改按钮时,需要将u_id, group_id, u_type传递给后台进行更新操作。" 126312121,14626498,Hadoop HDFS DataNode工作原理详解,"['大数据', 'hdfs', 'hadoop', '架构']
摘要由CSDN通过智能技术生成

    此案例的介绍是在上一个案例的基础上进行的,如果没有看过上一个案例的请参考完上一个案例后在进行这个部分的参考

    上次我们介绍了页面间传值的方法,那么接着上次的说在跳转页面传值过后要根据传的值也就是u_id(这里不明白的请看上一篇文章),来上数据库中查询该id对应下的详细信息(这里我用的是多表的联合查询,具体的sql语句就不详讲了),闲话少说先上代码:

xxx_x.js

Page({
data: {
array:[],
index: 0,
index1: 0,
//部门
dept: 0,
//岗位
post: 0,
//点击修改的时候要传进去的对象
uId: 0

},
//点击所属部门的时候触发的事件
bindPickerChange: function (e) {
console.log( 'picker发送选择改变,携带值为', e.detail.value)
// console.log(e.detail.value),

console.log( this.data.uId)
this.setData({
index: e.detail.value,
//同时设置更改后的部门的id
dept: e.detail.value
})
// console.log("收到部门信息")
},
//点击所属岗位的时候出发的事件
bindPickerChange1: function (e) {
console.log( 'picker发送选择改变,携带值为', e.detail.value)

this.setData({
index1: e.detail.value,
//同时设置更改后的岗位的id
post: e.detail.value
})
},
//点击修改按钮的时候出发的事件
modify: function (e) {
//将数据库中user对应的字段的部门id和岗位id进行修改
console.log( "返回数据库"+ this.data.uId+ " ,"+ this.data.dept+ " ,"+ this.data.post)
//将要修改的参数定义好
var that = this
var u_id = that.data.uId
var group_id = that.data.dept
var u_type = that.data.post
console.log( "请求的参数"+u_id+ ","+group_id+ ","+u_type)
  • 4
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值