2016 - 2024

感恩一路有你

在ligerui中如何读取子对话框中的JS方法

浏览量:1286 时间:2024-01-27 07:25:26 作者:采采

在使用ligerui中的对话框时,我们经常需要进行父子页面之间的数值传递。具体来说,我们希望在父页面中读取子对话框中的JS方法。下面是一种方法:

第一步:准备工作

首先,我们需要打开HBuilderX开发工具,并将ligerui相关的文件拷贝到Web项目中。注意要正确设置文件路径。

第二步:创建静态页面

接着,我们新建一个名为的静态页面,并在其中引入相关的CSS和JS文件。确保这些文件都被正确加载。

第三步:插入按钮

在lt;bodygt;标签中插入一个按钮,并设置id属性值,以便我们后续可以通过该id获取按钮对象。

第四步:初始化ligerui对话框

在lt;scriptgt;标签中,初始化ligerui对话框,并填写弹窗的路径。

第五步:创建对话框页面

我们新建一个名为的对话框页面,在主体元素中插入一个关闭按钮和一个div标签。

第六步:编写JS方法

在lt;scriptgt;标签中,获取dialog对象(frameElement.dialog),并编写自己的JS方法。

第七步:自定义回调函数

在父页面打开弹窗的方法中,我们可以自定义一个回调函数,并在其中使用console.log方法打印结果。

第八步:调用回调函数

在弹窗子界面中,我们可以调用父页面的回调函数,并触发子界面的JS方法。

第九步:保存并运行代码

最后,保存代码并运行项目。打开浏览器,并点击按钮,查看控制台中打印出的结果。

通过以上步骤,我们可以实现在ligerui中读取子对话框中的JS方法。

请注意,这只是一种方法,根据具体情况可能会有所不同。希望这篇文章对您有所帮助!

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。