通过Parent属性在子页面处调用父页面方法

这几天在制作项目的时候遇到了一个难题,想了一上午的时间才想到怎么去解决,首先说一下我需要达到的目的是什么,以及最终要完成的效果。左下图为一个文本框,用户可直接输入客户信息,也可以点击文本框右侧的三小点图标,待弹出选择客户遮罩层小页面后,对客户的相关信息进行筛选后再选择;右下图则为小页面的关闭按钮,点击叉号关闭整个弹出的遮罩层部分:
在这里插入图片描述在这里插入图片描述
看到这里是不是感觉挺无趣的?说好的难题呢?就这两个小问题也能称得上难题?这么简单的弹出关闭遮罩层的功能,随便一两个点击事件就可以搞定的事情嘛,这都不会?其实难点并不在这其中。在刚开始时我也觉得挺简单的,但后来看模版才发现遮罩层是在主页面中弹出的,而我却设计成了在子页面中弹出,并且值得一提的是,在子页面中弹出的遮罩层挺难看的,视觉效果让人感觉特别的别扭:
在这里插入图片描述感觉不行便要改咯,到此刻真正的难题来了。遮罩层的点击事件在子页面中,但遮罩层模块本身却在主页面中,这就导致了在子页面定义好的点击事件因为获取不到遮罩层部分的id值而作废,点击事件这条路不通了,唯有另寻它法。这时候,本期的主角Pa

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值