如何设置弹窗程序

圆舞曲之父2022-06-19  10

如何使用EasyUI生成弹窗界面

我们在制作页面的时候,经常需要制作弹出界面,那么如何使用EasyUI制作弹出界面呢?跟大家分享一下吧。

工具/材料

黯然失色

操作方法 01

首先,我们在Eclipse中创建新的Web项目,然后导入EasyUI的library文件夹,如下图所示。

02

接下来新建一个HTML5文件,主要在这个文件中制作弹出窗口,如下图所示。

03

然后在HTML5界面导入Jquery脚本,再导入easyui脚本文件,如下图所示。

04

接下来,我们使用link元素导入easyui的样式文件,如下图所示。

05

然后,如果界面有中文内容,就需要导入easyui的中文脚本文件,如下图所示。

06

然后,我们在主体区域添加一个div,并赋予该div一个easyui-dialog样式,如下图所示。

07

然后我们运行界面,你会看到已经做了一个easyui的弹出界面,如下图所示。

08

最后,我们可以在JS脚本中手动控制easyui弹出窗口的生成,主要是通过对话框的方法,如下图所示。

转载请注明原文地址:https://juke.outofmemory.cn/read/373212.html

最新回复(0)