zoukankan      html  css  js  c++  java
  • 小程序跳转页面选择数据

    大致的效果如下:

         

    1. A页面上的相关功能和代码

    (1) js里关键代码 

      /**
       * 页面的初始数据
       */
      data: {
        selectedShop:{
          shopId:"",
          shopName:"",
          linKTel:"",
          address:"",
        }
      },
     //点击跳转选择页面事件
     selectShop:function(e)
     {
       var url = "../map/index";
       var shopId = this.data.selectedShop.shopId;
       if(shopId!='')
       {
         url += "?shopId="+ shopId
       }
       wx.navigateTo({
         url: url
       })
     },
    (2) 页面代码 : bindtap="selectShop"
    2. B页面上的相关功能和代码
    (1)js里关键代码 
      /**
       * 页面的初始数据
       */
      data: {
        shopId:"", //选中的店铺ID
      },

      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        var shopId = options.shopId;
        //console.log(shopId);
        this.setData({ shopId:shopId });
        })
      },
    //选择事件
      selectItemClick:function(e)
      {
        var shopId = e.currentTarget.dataset["id"];
        var shopName = '', linKTel='',address='';
        var pages = getCurrentPages();
        var prevPage = pages[pages.length-2]; //上一个页面
     //设定上一个页面A页面的data里面 selectedShop 值
        prevPage.setData({
          ['selectedShop.shopId']:shopId,
          ['selectedShop.shopName']:shopName,
          ['selectedShop.linKTel']:linKTel,
          ['selectedShop.address']:address,
        })
        wx.navigateBack({
          delta: 1,
        })
      }
    注:数据加载时需要根据传过来的shopId设定选中项
    (2)页面代码 :
    <view class="shop_item" wx:for="{{shopDatas}}" wx:key="{{item.shopId}}" bindtap="selectItemClick" data-id="{{item.shopId}}"></view>
     
  • 相关阅读:
    百度地图API开发----手机地图做导航功能
    手机端列表做异步加载!
    onethink判断是否是手机访问?
    PHP中文字数限制:中文字符串截取(mb_substr)
    onethink封装arclist调用文章列表!
    问答项目---提问回答采纳处理!
    问答项目---面包削导航的处理!
    问答项目---处理待解决/已回答/高悬赏/零回答!
    问答项目---格式化输出提问时间!
    问答项目---提问按钮如何做!
  • 原文地址:https://www.cnblogs.com/wsk198726/p/15636896.html
Copyright © 2011-2022 走看看