dwz 个人学习笔记(二)dialog弹出框
来源:互联网 发布:mac如何更新系统版本 编辑:程序博客网 时间:2024/03/29 14:35
dwz这个框架在navTab封装的很好,这里先不做太多。主要难点还是在dialog弹出框这里,但是你会发现基本方法也一样。参数来来去去就这几种,其实如果你理解了这些,可以随时重写回调函数,可以适用任何情况
<a href="abc" target="dialog" rel="GAA">修改</a>
target:
callback:回调函数;
(一)打开一个弹窗
(1) $.pdialog.open(url,dialogId,title);
(2) $.pdialog.open(url,dialogId,title.options);
options:{width:100,height:100,max:true,mask:true,mixable:true,minable:true,resizable:true,drawable:true,fresh:true,close:”function”, param:”{msg:’message’}”}, 所有参数都是可选项。options很好用,可以设置弹窗的大部分属性,页面样式之类的有一些在弹窗的页面调整,基本上可以满足所有需求。
(3)$.pdialog.reload(url,data,dialogId);重新加载某个弹窗
(二)关闭一个弹窗
(1)$.pdialog.close(dialogId);根据dialogId,关闭制定弹窗
(2)$.pdialog.closeCurrent();关闭当前活动层
(三)提示窗口
确认提示框
alertMsg.confirm("您修改的资料未保存,请选择保存或取消!", {
});
成功提示框,alertMsg.correct('您的数据提交成功!')
错误提示框,alertMsg.error('您提交的数据有误,请检查后重新提交!', [options])
警告提示框,alertMsg.warn('您提交的数据有误,请检查后重新提交!', [options])
信息提示框,alertMsg.info('您提交的数据有误,请检查后重新提交!', [options])
options对象属性:是跟dialog通用的
okName:确定按钮名称;
okCal:确认按钮回调;
cancelName:取消按钮名称;
cancelCall:取消按钮回调;
keyCode:键盘按键定义,参考DWZ.keyCode;
(四)例子:
页面
<li><a class="delete" href="${pageContext.request.contextPath }/deleteAreaInfoByAreaId?areaId={area_id}"
target="ajaxTodo" title="确定要删除吗?" fresh="true" callback="dialogAjax"><span>删除区域</span></a></li>
js
<script type="text/javascript">
//调用刷新当前dialog的方法
function dialogAjax(json){
$.pdialog.reloadDialog("marker");
}
</script>
在 dwz JS里,dwz.dialog.js加入以下代码
reloadDialog:function(dialogId){
var dialog = $("body").data(dialogId);
if(dialog){
$.pdialog.reload(dialog.data("url"),{dialogId:dialogId});
}
},
(五)提个引子,下篇主要总结,怎么修改DWZ的JS方法到达实际项目的需求,这是以下后台返回JSON,和JS里属性对应的关系,根据这个判定关系,可以灵活
的修改DWZ的JS以达到目的。用了一个月这个DWZ,感觉活学活用才是硬道理啊!
"statusCode" json.statusCode
"message":" json. message
"navTabId": json. navTabId
"rel": json.rel
"callbackType": json.callbackType
"forwardUrl" json.forwardUrl
"confirmMsg": json.confirmMsg
- dwz 个人学习笔记(二)dialog弹出框
- dwz 个人学习笔记(三)dialog弹出框,最小化,弹出位置,dialog中刷新dialog
- dwz 个人学习笔记(一)入门
- DWZ整合Kindeditor应用于dialog弹出框
- dwz 个人学习笔记(一)页面的返回json返回值的详解
- dwz学习笔记
- tp+dwz学习笔记
- dwz学习笔记
- 学习 Box2D 个人笔记(二)b2body .
- PL/SQL个人学习笔记(二)
- 个人LINUX学习笔记(二)
- 学习android(RecyclerView)个人笔记二
- dwz 页面上关闭dialog弹出层,navTab 界面方式。
- dwz 弹出框 上下居中
- IDEA插件开发笔记(二)-弹出一个自定义的dialog
- Python个人学习笔记二
- 个人Linux 学习笔记二
- Dialog学习(二)------列表
- quartz与spring的整合使用
- Spring:IoC 用法(二、自动注入用法)
- 【笔记】php环境安装curl和xcache插件(apache)
- Intellij idea 2017 Artifacts配置
- android开发之butterknife框架简介
- dwz 个人学习笔记(二)dialog弹出框
- Java基础-final变量和普通变量的区别
- live555移植笔记一 ubuntu下live555+SMplayer在本机搭建rtsp服务器并验证
- 程序猿如何追女生!!!
- http切换https后redirect跳转过滤
- Registration system
- LeetCode 225 Implement Stack using Queues(利用队列实现栈)
- embedclub is not in the sudoers file....
- Codevs 1200 同余方程