前端学习模态框--Dialog
在BJUI前端框架中，可以通过input、button等标签来设置Dialog的跳转链接，通过该链接可以在当前页⾯⽣成⼀个类似于模态框的弹窗。在该弹窗中可以有具体功能，相当于该页⾯下的⼦页⾯。该项功能，对于在当前页⾯中，需要产⽣⼀个⼦页⾯来完成相应的功能时具有⼀定作⽤。dialog的设置可以再本页⾯写dialog的页⾯代码，也可以新建⼀个html⽂件作为dialog的页⾯。为保持页⾯代码的简洁性，推荐使⽤新建⼀个html。
1.设置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='/admin/dataanalyze/multipleanalyze/viewDailyReport?id=156' >查看</a>
data-title：dialog的名称；
data-toggle：弹窗的类型；
data-mask：dialog出现后，是否需要将⽗页⾯隐藏；
data-width：dialog宽度；
data-height：dialog⾼度；
data-url：dialog的路由；
//button标签
<button style='line-height:1;z-index:-2' id='dialogviewnowtime2' class="btn btn-one resultBtn buttonN" type="button" data-toggle="dialog" data-title='查看设备详情' data-toggle='dialog' data-id='dialog-mask' data-mask='true' data-width='1000' data-height='900' data-id='viewDevice' class='runningA' data-url='/admin/dataanalyze/multipleanalyze/viewnowtime'>实时</button>
2.后台相应设置
在⽗页⾯的标签当中的data-url的设置需要在后台有相应的配置。
⾸先需要在当前页⾯的⽂件夹⾥⾯新建⼀个页⾯，例如上述中的两个页⾯viewDailyReport和viewnowtime。该页⾯须与⽗页⾯放置于同⼀个路由下。
网络前端需要学什么
其次在新建⼀个html后，需要在后台写⼊相应的⽅法，例如public void viewDailyReport() {keepPara();}以及public void viewnowtime() {keepPara();}。假如后台没有相应⽅法，则url会⾃动识别到路由中的上⼀级路由的index页⾯中，相应的，此时通过该链接跳转的也是上⼀级中的index页⾯。在后台⽰例语句中的keepPara()语句是jfinal框架中的相应⽅法，其作⽤是将⽗页⾯中前端通过dialog跳转链接提交的值原封不动的传⼊到⼦页⾯中去。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。