来看看怎么通过a标签打开一个对话框

前言：也许这是一个很简单的动作，你似乎觉得这没什么，的确，在我完成了这个功能后，我觉得也很简单。

弹出框后面是一个table，点击单元格中的修改连接，就可以弹出对话框，并且能够将数据传递到页面前端。

页面

<a href="${ctx}/project/editProjectReback/${deal_item.id}" target="dialog" width="600">修改</a>

注意：

参数target
width

js封装

//dialogs$("a[target=dialog]", $p).each(function(){$(this).click(function(event){var $this = $(this);var title = $this.attr("title") || $this.text();var options = {};var w = $this.attr("width");var h = $this.attr("height");if (w) options.width = w;if (h) options.height = h;options.title = title;options.contentType = "ajax";options.showButton = eval($this.attr("showButton") || "false");options.showCancel = eval($this.attr("showCancel") || "false");options.showOk = eval($this.attr("showOk") || "false");options.type = "wee";options.onopen = eval($this.attr("onopen") ||  function() {});options.boxid = "pop_ajax_dialog";var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));YUNM.debug(url);if (!url.isFinishedTm()) {$.showErr($this.attr("warn") || YUNM.msg("alertSelectMsg"));return false;}$.weeboxs.open(url, options);return false;});

注意：

此处仍然借用了DWZ的代码，通过将a标签上的参数传递给weebox弹出框。
url，用来使weebox内部通过ajax请求发送到服务端。

页面初始化时

让以上代码执行以下就好

weebox内部

else if (self.options.contentType == "ajax") {self.ajaxurl = self._content;self.setContent('<div class="dialog-loading"></div>');self.show();$.ajax({type : "post",url : self.ajaxurl,success : function(data) {self._content = data;self.setContent(self._content);self.onopen();self.focus();if (self.options.position == 'center') {self.setCenterPosition();}},error : YUNM.ajaxError})}

注意：这里使用ajax请求获取到服务端数据

jfinal

 @Before(DealsInterceptor.class)public void editProjectReback() {if (dealItem != null) {setAttr("deal_item", dealItem);render("add_reback.jsp");}}

render到对应的页面，并且将参数“deal_item”传递到页面上。

add_reback.jsp

<textarea class="form-control required" rows="3" placeholder="报内容" name="description">${deal_item.description}</textarea>

结语：这串处理对我的整个项目有了很大的启示，接下来，我也将要对我原来的项目做法进行一些修改。

来看看怎么通过a标签打开一个对话框相关推荐

vue项目点击左侧子菜单，打开一个新的浏览器标签页
在项目开发中,产品给了这样一个需求:点击左侧子菜单,在浏览器中打开一个新的标签页,展示数据大屏.在此写个随笔记录下实现过程. 思路:使用编程式导航实现页面跳转,我们常用的是 $router.push ...
360浏览器如何设置为像chrome谷歌浏览器那样输入网址回车在当前页面，而不是新建一个标签打开
打开360浏览器→菜单→设置→右上角输入"新标签"搜索如下图: 然后去掉"在新标签打开地址栏输入的网址"前面的☑
怎么给当前点击的a标签添加一个样式（跳转页面后）
怎么给当前点击的a标签添加一个样式(跳转页面后): 方法1. 用cookie记录这个打开的序列号,然后页面在跳转的时候在读出来. 方法2. 循环a的链接,然后与location.href去比对,如果相 ...
如何对聚类结果进行分析_如何更合理地给聚类结果贴标签——由一个挖掘学生用户的项目说开去...
"聚类一时爽,判断两行泪"--这是解决任何一个无监督问题时都会面临的苦恼:最近接到了一个无监督问题的项目--给一群无标签的结构化数据贴标签,随后我便立即展开了工作,首先开始查阅资料 ...
epub文件打开乱码_什么是EPUB文件（以及如何打开一个文件）？
epub文件打开乱码 A file with the .epub file extension is a popular file format used for storing eBooks and ...
xml引入另一个xml文件_什么是XML文件（以及如何打开一个XML文件）？
xml引入另一个xml文件 A file with the .xml file extension is an Extensible Markup Language (XML) file. These ...
打开一个浏览器跳转到2345浏览器主页这里以Google为例亲测已解决。
打开一个浏览器跳转到2345浏览器主页这里以Google为例亲测已解决. 1,打开浏览器,找到设置. 2,在设置里边找到代理设置点开. 3,点开常规,将方框内箭头位置的2345浏览器主页换成 ...
限制_blank属性只打开一个新页签
我们在开发过程中点击a标签或按钮跳转新页签时,如果再次点击该链接或按钮,还会重新打开一个页面.这样的交互效果不是很友好. 使用如下方式可以限制打开新的页签,只保留一个新页签. 1.使用target = ...
火狐浏览器如何设置成打开一个新的页面，原有的页面继续存在
火狐浏览器如何设置成打开一个新的页面,原有的页面继续存在? Tab Utilities 扩展. 在新标签页打开书签.历史.主页.地址.搜索,以及更多增强标签式浏览的实用功能,包括紧邻当前标签页打开 ...