小程序搜索框選中目標 回顯數據

 

父頁面

  /**物料輸入事件 */
  setMaterial: function(e) {

    let index = parseInt(e.currentTarget.dataset.idx);
    // let material = e.detail.value;
    // let info = this.data.info;
    // info.entrys[index].material = material;
    // console.log(index);
    // this.setData({
    //   info: info
    // });
    //跳轉到搜索框
    wx.navigateTo({
      url: "/pages/searchMter/searchMter?index=" + index
    });
  },

 子頁面

  /**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function(options) {
    console.log("頁面傳參index");
    console.log(options);
    this.setData({
      index: options.index
    })
  },

//選中搜索的物料點擊事件
  materialConfig: function (e){
    console.log("選中搜索出的物料");
    console.log(e.currentTarget.dataset.material);
    var pages = getCurrentPages();
    var currPage = pages[pages.length - 1];   //當前頁面
    var prevPage = pages[pages.length - 2];  //上一個頁面
    var index=this.data.index;
    let info = prevPage.data.info;//info 指整個單據
    info.entrys[index].Material = e.currentTarget.dataset.material;
    console.log(index);
    console.log(info);
    prevPage.setData({//（選中的物料賦值給父頁面單據編輯info）
      info: info
    });
       wx.navigateBack(); //返回上一個頁面
  },

父頁面wxml

<view class="page" data-weui-theme="{{theme}}">
  <view class="weui-form">
    <view class="weui-form__text-area">
      <h2 class="weui-form__title">聯營戶發貨單</h2>
      <!-- <view class="weui-form__desc">展示表單頁 信息區域組成。</view> -->
    </view>
    <view class="weui-form__control-area">
      <view class="weui-cells__group weui-cells__group_form">
        <!-- <view class="weui-cells__title">表單組標題</view>  -->
        <view class="weui-cells weui-cells_form">
          <view class="weui-cell weui-cell_active">
            <view class="weui-cell__hd">
              <label class="weui-label">編碼</label>
            </view>
            <view class="weui-cell__bd">
              <input class="weui-input" placeholder="填寫編碼" placeholder-class="weui-input__placeholder" />
            </view>
          </view>
          <view class="weui-cell weui-cell_active">
            <view class="weui-cell__hd">
              <label class="weui-label">制單人</label>
            </view>
            <view class="weui-cell__bd">
              <input class="weui-input" placeholder="填寫制單人" placeholder-class="weui-input__placeholder" />
            </view>
          </view>
          <view class="weui-cell weui-cell_active">
            <view class="weui-cell__hd">
              <label class="weui-label">制單日期</label>
            </view>
            <view class="weui-cell__bd">
              <picker mode="date" value="{{date}}" start="2020-03-01" end="2025-09-01" bindchange="bindDateChange">
                <a>{{date}}</a>
              </picker>
            </view>
          </view>

          <view>
            <view class="weui-cells__title">發貨單分錄</view>
          </view>
        </view>

        <!--分錄集合-->
        <view class="etrys" wx:for="{{info.entrys}}" wx:key="key" wx:for-index="idx" wx:for-item="entry">
          <!-- <view> {{idx}}</view> 
            <view>{{info.entrys[0].Material.materialNumber}}</view> 
           <view> {{entry.material.number}}</view>  -->
          <view class="entry">
            <view class="juedui">
              <!--分錄刪除按鈕-->
              <view class="removeEntry" data-idx="{{idx}}">
                <icon type="cancel" size="30" bindtap='removeEntry' data-idx="{{idx}}" />
              </view>
            </view>

            <view>
              <view class="weui-cell">
                <view class="weui-cell__hd">
                  <label class="weui-label">物料</label>
                </view>
                <view class="weui-cell__bd" bindtap="setMaterial" data-idx="{{idx}}">
                  <input disabled="true" class="weui-input" data-idx="{{idx}}" value="{{entry.Material.materialName}}" bindfocus="setMaterial" placeholder="請輸入物料" placeholder-class="weui-input__placeholder" />
                </view>
              </view>
              <view class="weui-cell weui-cell_active">
                <view>
                  <label class="weui-label">分錄字段2</label>
                </view>
                <view class="weui-cell__bd">
                  <input class="weui-input" data-idx="{{idx}}" value="{{entry.person}}" bindinput="setPerson" placeholder="填寫制單人" placeholder-class="weui-input__placeholder" />
                </view>
              </view>
              <view class="weui-cell weui-cell_active">
                <view class="weui-cell__hd">
                  <label class="weui-label">分錄字段</label>
                </view>
                <view class="weui-cell__bd">
                  <picker mode="date" value="{{date}}" data-idx='{{idx}}' start="2020-03-01" end="2025-09-01" bindchange="bindDateChange">
                    <a>{{date}}</a>
                  </picker>
                </view>
              </view>


            </view>
            <view class="entryBottom"></view>
          </view>
        </view>
        <!--增加分錄按鈕-->
        <view class="zengjia" bindtap='addEntry'>
          <icon type="download" size="30" />
        </view>

      </view>
    </view>

    <!--單據編輯按鈕-->
    <view>

    </view>
  </view>
  <view class="page" data-weui-theme="{{theme}}">
    <view class="page__bd" style="height: 100%;">
      <view class="weui-tab">
        <view class="weui-tab__panel">
        </view>
        <view class="weui-tabbar">
          <view class="weui-tabbar__item weui-bar__item_on">
            <image src="../images/icon_tabbar.png" alt class="weui-tabbar__icon"></image>
            <view class="weui-tabbar__label">保存</view>
          </view>
          <view class="weui-tabbar__item">
            <image src="../images/icon_tabbar.png" alt class="weui-tabbar__icon"></image>
            <view class="weui-tabbar__label">提交</view>
          </view>
          <view class="weui-tabbar__item">
            <view style="display: inline-block; position: relative;">
              <image src="../images/icon_tabbar.png" alt class="weui-tabbar__icon"></image>
              <text class="weui-badge weui-badge_dot" style="position: absolute; top: 0; right: -6px;"></text>
            </view>
            <view class="weui-tabbar__label">審覈</view>
          </view>
          <view class="weui-tabbar__item">
            <image src="../images/icon_tabbar.png" alt class="weui-tabbar__icon"></image>
            <view class="weui-tabbar__label">返回</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

<view class="page" data-weui-theme="{{theme}}">
  <view class="page__hd">
    <!-- <view class="weui-cells__title">SearchBar</view> -->
    <view class="weui-cells__title">物料搜索欄</view>
  </view>
  <view class="page__bd">
    <view class="weui-search-bar {{inputShowed ? 'weui-search-bar_focusing' : ''}}" id="searchBar">
      <form class="weui-search-bar__form">
        <view class="weui-search-bar__box">
          <i class="weui-icon-search"></i>
          <input type="text" class="weui-search-bar__input" placeholder="搜索" value="{{inputVal}}" focus="{{inputShowed}}" bindinput="inputTyping" />
          <span class="weui-icon-clear" wx:if="{{inputVal.length > 0}}" bindtap="clearInput"></span>
        </view>
        <label class="weui-search-bar__label" bindtap="showInput">
          <i class="weui-icon-search"></i>
          <span class="weui-search-bar__text">搜索</span>
        </label>
      </form>
      <view class="weui-search-bar__cancel-btn" bindtap="hideInput">取消</view>
    </view>
    <view class="weui-cells searchbar-result" wx:if="{{inputVal.length > 0}}">

      <view class="weui-cells searchbar-result" wx:for="{{materialList}}" wx:key="key" wx:for-index="idx">
        <view class="weui-cell weui-cell_active weui-cell_access">
          <view class="weui-cell__bd weui-cell_primary">
            <view bindtap="materialConfig" data-material="{{item}}" data-materialId="{{item.materialId}}">                             編碼:{{item.materialNumber}} 名稱:{{item.materialName}}</view>
          </view>
        </view>
      </view>

    </view>
  </view>
</view>