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