模态框--Dialog

最新推荐文章于 2022-05-29 22:34:37 发布

WangKeSiInSiChuan

最新推荐文章于 2022-05-29 22:34:37 发布

阅读量308

点赞数

文章标签： Web前端 Dialog 模态框 bjui

本文链接：https://blog.csdn.net/weixin_43668013/article/details/102669622

版权

本文介绍了如何在BJUI前端框架中利用input、button等标签创建Dialog模态框，以实现页面内的子窗口功能。推荐将Dialog内容放在独立的HTML文件中以保持代码整洁。设置Dialog需指定data-title、data-toggle、data-mask、data-width、data-height和data-url属性，并确保后台有相应的方法处理data-url所指的路由。例如，新建viewDailyReport和viewnowtime页面，后台需要对应的方法如public void viewDailyReport() {keepPara();}和public void viewnowtime() {keepPara();}，其中keepPara()用于传递前端参数。

摘要由CSDN通过智能技术生成

在BJUI前端框架中，可以通过input、button等标签来设置Dialog的跳转链接，通过该链接可以在当前页面生成一个类似于模态框的弹窗。在该弹窗中可以有具体功能，相当于该页面下的子页面。该项功能，对于在当前页面中，需要产生一个子页面来完成相应的功能时具有一定作用。dialog的设置可以再本页面写dialog的页面代码，也可以新建一个html文件作为dialog的页面。为保持页面代码的简洁性，推荐使用新建一个html。

设置Dialog链接（试验了a标签和button标签）

//a标签
<a style='line-height:60px' data-title='查看设备详情' data-toggle='dialog' data-id='dialog-mask' data-mask='true' data-width='1000' data-height='850' data-id='viewDevice' class='runningA'  data-url=