如何使用EasyUI生成弹窗界面

我们在进行页面制作的时候, 经常会需要制作弹窗界面, 那么如何使用EasyUI制作弹窗界面呢?下面小编给大家分享一下 。 操作方式 01 起首我们在Eclipse中新建一个Web项目, 然后导入EasyUI的库文件夹, 如下图所示

如何使用EasyUI生成弹窗界面

文章插图

02 【如何使用EasyUI生成弹窗界面】接下来新建一个HTML5文件, 本家儿要在这个文件中进行弹窗的建造, 如下图所示

如何使用EasyUI生成弹窗界面

文章插图

03 然后在HTML5界面中先导入Jquery剧本, 接着在导入easyui的剧本文件, 如下图所示

如何使用EasyUI生成弹窗界面

文章插图

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

如何使用EasyUI生成弹窗界面

文章插图

05 接着若是界面中有中文内容的话, 还需要导入easyui的中文剧本文件, 如下图所示

如何使用EasyUI生成弹窗界面

文章插图

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

如何使用EasyUI生成弹窗界面

文章插图

07 接着我们运行界面, 你就会看到一个easyui的弹窗界面就建造好了, 如下图所示

如何使用EasyUI生成弹窗界面

文章插图

08 最后我们还可以在JS剧本中手动节制easyui弹窗的生当作, 本家儿如果经由过程dialog方式实现的, 如下图所示

如何使用EasyUI生成弹窗界面

文章插图



以上内容就是如何使用EasyUI生成弹窗界面的内容啦, 希望对你有所帮助哦!

    推荐阅读