小程序搜索框选中目标 回显数据_父页面

小程序搜索框选中目标 回显数据_搜索_02

父页面

/**物料输入事件 */
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>