微擎中自定义弹出自定义对话框
最近在用微擎开发一个公众号,虽然微擎功能模块很完善也很强大,但没有资格吐槽的文档,只能让我一次次地翻阅源代码,从而更好的满足个性化的开发需求。
今天分享的是微擎框架二次开发的自定义对话框。
在微擎中,系统自定义了一系列调用方便的对话框,比如图片上传宣传、粉丝选择、模块选择等,但一直未找到可以打开自定义对话框的的文档。经过查看源代码结合其他网友的经验。总结如下:
1.创建对话框
util.dialog = function(title, content, footer, options) 。
使用自带的UTIL模块,创建
参数:
title标题
content对话框内容,可以通过AJAX的方式获取
footer:底部内容,通常为关闭按钮
opentions,数组参数,我只用到了,指定对话框显示容器的参数
var options = {“containerName”:“material-Modal”}; //注意:我尝试过用自己的自定义DIV作为容器,但是显示容易异常,经过调试发现,后台的每个页面,都会自动添加div.material-Modal,每次打开对话框,系统默认使用的的容器DIV就是这个,所以我也使用这个,结果显示自动居中,正常。
二话不说,附上代码
//第一种方式:使用AJAX获取内容,后端直接返回HTML代码即可
________HTML________
<a href="httpURL" onClick="return showDialog(this)" style="z-index: 20000">小窗查看</a>
///________JS_________
function showDialog(obj)
{
contenturl=obj.getAttribute("href");
title=$(obj).