如何使用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弹出窗口的生成,主要是通过对话框的方法,如下图所示。