功能需求需要在add添加页面打开一个弹框输入数据然后返回父级
add页面
然后再到对应的js去设置打开弹框,这里使用的layer.open,其实官方有Fast.api.open,很简单,后面会用到,这里暂时没做修改
接下来去设置弹框页的列表
下面是弹框渲染等等,需要在子页面列表输入数字后选中当前,最后一个方法就是选中当前,并且监听提交的时候能获取到选中的数据,如果只是单纯的添加class是不行的,当然layer手册也有方法,可以按照手册来
父页面接受并渲染
切记:子页面关闭后父页面的滑动不能滑动,在add页面添加一个这个就行,去掉就可以滑动啦
edit页面也一样
.modal-open{
overflow: inherit;
}
然后是edit页面,基本上可以使用add同样的方法,稍作修改
接受默认值 并渲染上去
在edit页面如果复用add的layer.open,会报错找不到页面,试了各种办法,发现还是框架的好用,简单,强大
子页面就不做修改了,已经做好修改了
下面是效果
再次点击选择产品会默认选中跟数量
edit页面效果也是一样的