dwz使用的几个小问题问题.doc

Dwz问题：1、局部刷新时样式丢失，DWZ提供两种局部刷新方式，一种是a标签，一种是在js里$(#doAtt_jbsxBox).loadUrl(url, data, function(message) 其中$(#doAtt_jbsxBox)是为要显示数据的div的id。举个例子 div2div3当触发div2的时候，和后台交互，使div3中填充上数据，那么当用loadUrl函数的时候会出现刷新过来的div3样式改变，解决办法是加上在回调函数中$(#doAtt_jbsxBox).parent().find(layoutH).layoutH();也就是$(#doAtt_jbsxBox).loadUrl(url, data, function(message) $(#doAtt_jbsxBox).parent().find(layoutH).layoutH(););因为点击div2里的元素触发事件的时候没有对加载过来的子div进行初始化，所以会使其样式丢失如果div2为navTab级别的div是可以的2、 dwz文件上传问题黄色背景的就是上传中后台处理的路径，这里我没有去写onQueueComplete:uploadifyQueueComplete（上传成功之后弹出的那一串提示文字，个人认为主要功能就是用来提示吧。）对应dwz的回调函数onUploadSuccess:uploadifySuccess参数是上传成功之后要进行的回调函数，如果你有自己的需求，比如想得到上传之后文件的路径，那么自己可以重写这个函数比如这个是我的需求，我要获取上传之后文件的路径function uploadifySuccess(file, data, response)/获取后台返回到前台的文件名，添加到隐藏域,多文件用;号隔开var files = $(#stuPhotoPath).attr(value);/第一个文件if(files=)files = data;elsefiles+=;+data$(#stuPhotoPath).attr(value,files);/这个是往文本域里赋值，以便自己使用我后台用的是java语言，后台框架ssh，后台大致为 response = ServletActionContext.getResponse();PrintWriter pw;String realpath = ServletActionContext.getServletContext().getRealPath(/images/student);request = ServletActionContext.getRequest();String imgPath = request.getParameter(imgPath);String stuId = request.getParameter(stuId);String imgName = imgPath.split(/);System.out.println(realpath+imgNameimgName.length-1);/删除以前的旧照片new File(realpath+imgNameimgName.length-1).delete();String imgType=imageFileName.split(.);imageFileName=stuId+.+imgTypeimgType.length-1;if (image != null) File savefile = new File(new File(realpath), imageFileName);if (!savefile.getParentFile().exists()savefile.getParentFile().mkdirs();try FileUtils.copyFile(image, savefile);pw = response.getWriter();pw.print(imageFileName);pw.close();pw.flush(); catch (IOException e) e.printStackTrace();绿色背景是往页面返回上传之后的信息，也就是那个上传成功之后回调函数得到的文件名称。文件上传中遇到一个问题就是有的时候写好了，点击按钮不能用，其实这是样式错乱的问题，图片，文字，和按钮不在一个点上，我的出现这种情况是因为如图，上传按钮和输入框在同一个div里面，后来我把上传按钮移除该div，写在该div的外面，问题解决3、 dwz中onsubmit=”return validateCallback（this,navTabAjaxDone)” 这个navTabAjaxDone是个回调函数在dwz.ajax.js中可以找到该函数/* * navTabAjaxDone是DWZ框架中预定义的表单提交回调函数 * 服务器转回navTabId可以把那个navTab标记为reloadFlag=1, 下次切换到那个navTab时会重新载入内容. * callbackType如果是closeCurrent就会关闭当前tab * 只有callbackType=forward时需要forwardUrl值 * navTabAjaxDone这个回调函数基本可以通用了，如果还有特殊需要也可以自定义回调函数. * 如果表单提交只提示操作是否成功, 就可以不指定回调函数. 框架会默认调用DWZ.ajaxDone() * * * form提交后返回json数据结构statusCode=DWZ.statusCode.ok表示操作成功, 做页面跳转等操作. statusCode=DWZ.statusCode.error表示操作失败, 提示错误原因. * statusCode=DWZ.statusCode.timeout表示session超时，下次点击时跳转到DWZ.loginUrl * statusCode:200, message:操作成功, navTabId:navNewsLi, forwardUrl:, callbackType:closeCurrent, rel.xxxId * statusCode:300, message:操作失败 * statusCode:301, message:会话超时 * */function navTabAjaxDone(json)DWZ.ajaxDone(json);if (json.statusCode = DWZ.statusCode.ok)if (json.navTabId) /把指定navTab页面标记为需要“重新载入”。注意navTabId不能是当前navTab页面的navTab.reloadFlag(json.navTabId); else /重新载入当前navTab页面var $pagerForm = $(#pagerForm, navTab.getCurrentPanel();var args = $pagerForm.size()0 ? $pagerForm.serializeArray() : navTabPageBreak(args, json.rel);if (closeCurrent = json.callbackType) setTimeout(function()navTab.closeCurrentTab(json.navTabId);, 100); else if (forward = json.callbackType) navTab.reload(json.forwardUrl); else if (forwardConfirm = json.callbackType) alertMsg.confirm(json.confirmMsg | DWZ.msg(forwardConfirmMsg), okCall: function()navTab.reload(json.forwardUrl);,cancelCall: function()navTab.closeCurrentTab(json.navTabId);); else navTab.getCurrentPanel().find(:inputinitValue).each(function()var initVal = $(this).attr(initValue);$(this).val(initVal););这个意思就是当执行form表单之后会调用该函数，进行一些其他额外的操作，比如跳转到某个页面或者提示一些操作信息。但是后台必须返回json，否则会出各种千奇百怪的错误。还要注意如果你后台返回了json值，那么页面form表单的回调函数也要能接受返回值json4、 dwz的treeDwz、latyoutHlayoutH = top+bottom，content内容区域的实际高度 = 父容器高度 - layoutH 高度，content的最小值为50 。父容器高度 - layoutH 50 ？ 50 ： （父容器高度 - layoutH ）5、 dwz使用tab中table分页的时候，当点击分页的时候把整个页面加载到了table中。效果图：这个问题有的时候不是前台页面的问题，我的情况是这样的：1.jsp检索检索监控 $fn:substring(time, 0, 2) $message $sta.key后台action/ 用来生成状态集合public String findEquOnline() / DwzAjaxResult result = new DwzAjaxResult();timeList = onlineUI();schoolList = schoolService.findAllSchool();request = ServletActionContext.getRequest();String sclId = request.getParameter(sclId);String equType = (String) request.getParameter(equType);String whatDay = (String) request.getParameter(whatDay);String equNo = request.getParameter(equNo) + ;/ 获取验证信息String message = check(sclId, equType, equNo, whatDay);if (StringUtils.isNotEmpty(message) ActionContext.getContext().put(message, message); else List equOnlines = hsEquOnlineService.findEquOnline(sclId, equType, equNo, whatDay);request.setAttribute(equOnlines, equOnlines);MapString, Map staMap = null;if (StringUtils.isNotEmpty(whatDay) & !whatDay.equals() staMap = handleResult(equOnlines); else staMap = handleResultNoDate(equOnlines);request.setAttribute(staMap, staMap);/ 用于下拉框的回显ActionContext.getContext().put(sclId, sclId);ActionContext.getContext().put(equType, equType);ActionContext.getContext().put(equNoOne,request.getParameter(equNo);ActionContext.getContext().put(whatDay, whatDay);return list;Struts.xml/WEB-INF/jsp/equipment/1.jsp我的情况是这样的，当点击某个链接的时候进入这个页面，通过上面的搜索添加可以添加过滤条件进行查询，我要的是局部刷新，只刷新下面的数据，不刷新上面的过滤条件，这样就不用再去操心上面数据的回显问题。可是这样处理有一个问题，就是当再次刷新的时候，把这个页面都重新加载到id=show_onLine_content的div里面了，解决办法两步：1、 把前台页面修改成三步第一步.Jsp检索检索2. Jsp监控 $fn:substring(time, 0, 2) $message $sta.key第二步、修改后台actionpublic String getSclid() return list;public String findEquOnline() / DwzAjaxResult result = new DwzAjaxResult();timeList = onlineUI();schoolList = schoolService.findAllSchool();request = ServletActionContext.getRequest();String sclId = request.getParameter(sclId);String equType = (String) request.getParameter(equType);String whatDay = (String) request.getParameter(whatDay);String equNo = request.getParameter(equNo) + ;/ 获取验证信息String message = check(sclId, equType, equNo, whatDay);if (StringUtils.isNotEmpty(message) ActionContext.getContext().put(message, message); else List equOnlines = hsEquOnlineService.findEquOnline(sclId, equType, equNo, whatDay);request.setAttribute(equ