在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方法。
请注意,这只是一种方法,根据具体情况可能会有所不同。希望这篇文章对您有所帮助!
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
下一篇
如何在Word文档里插入图片