怎么使用easyui生成弹窗界面

关注:14 发布时间:2021-07-15 17:55:14

导语本文整理了怎么使用easyui生成弹窗界面经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

我们做页面的时候经常需要做弹出界面,那么如何用easyui做弹出界面呢?以下小系列将与大家分享。

需要准备的物品

黯然失色

详细介绍方法/步骤

首先,我们在eclipse中创建新的web项目,然后导入easyui的库文件夹,如下图所示

接下来新建一个html5文件,主要在这个文件中制作弹出窗口。

然后在html5界面导入jquery脚本,然后导入easyui脚本文件。

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

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

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

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

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

猜你喜欢

热门it技术经验

360微商频道查询入口