究极弹出框,自定义一个

功能需求需要在add添加页面打开一个弹框输入数据然后返回父级

add页面


然后再到对应的js去设置打开弹框,这里使用的layer.open,其实官方有Fast.api.open,很简单,后面会用到,这里暂时没做修改



接下来去设置弹框页的列表


下面是弹框渲染等等,需要在子页面列表输入数字后选中当前,最后一个方法就是选中当前,并且监听提交的时候能获取到选中的数据,如果只是单纯的添加class是不行的,当然layer手册也有方法,可以按照手册来


父页面接受并渲染


切记:子页面关闭后父页面的滑动不能滑动,在add页面添加一个这个就行,去掉就可以滑动啦

edit页面也一样


.modal-open{

        overflow: inherit;

    }

1

2

3

然后是edit页面,基本上可以使用add同样的方法,稍作修改

接受默认值 并渲染上去


在edit页面如果复用add的layer.open,会报错找不到页面,试了各种办法,发现还是框架的好用,简单,强大


子页面就不做修改了,已经做好修改了

下面是效果




再次点击选择产品会默认选中跟数量



edit页面效果也是一样的

————————————————

版权声明:本文为CSDN博主「时间轴-小文同学」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_43018356/article/details/124450089


«    2025年7月    »
123456
78910111213
14151617181920
21222324252627
28293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
    文章归档
    网站收藏
    友情链接

    Powered By Z-BlogPHP 1.7.4

    周易八字研究笔记 豫ICP备2021017518号-3     豫公网安备41077102000113