前端学习模态框--Dialog

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

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

//a标签

查看

data-title：dialog的名称；

data-toggle：弹窗的类型；

data-mask：dialog出现后，是否需要将父页面隐藏；

data-width：dialog宽度；

data-height：dialog高度；

data-url：dialog的路由；

//button标签

实时

2.后台相应设置

在父页面的标签当中的data-url的设置需要在后台有相应的配置。

首先需要在当前页面的文件夹里面新建一个页面，例如上述中的两个页面viewDailyReport和viewnowtime。该页面须与父页面放置于同一个路由下。

其次在新建一个html后，需要在后台写入相应的方法，例如public void viewDailyReport() {keepPara();}以及public void viewnowtime() {keepPara();}。假如后台没有相应方法，则url会自动识别到路由中的上一级路由的index页面中，相应的，此时通过该链接跳转的也是上一级中的index页面。在后台示例语句中的keepPara()语句是jfinal框架中的相应方法，其作用是将父页面中前端通过dialog跳转链接提交的值原封不动的传入到子页面中去。