DWZ基础，layUI提交数据

2019-12-30 10:55:38 阅读：356 来源： 互联网

标签：DWZ layUI upload 明细表提交 statusCode 页面

- navTabAjaxDone是DWZ框架中预定义的表单提交回调函数。服务器转回navTabId可以把那个navTab标记为reloadFlag=1,下次切换到那个navTab时会重新载入内容。callbackType如果是closeCurrent就会关闭当前tab
- 只有callbackType="forward"时需要forwardUrl值。
- navTabAjaxDone这个回调函数基本可以通用了，如果还有特殊需要也可以自定义回调函数。如果表单提交只提示操作是否成功, 就可以不指定回调函数。框架会默认调用DWZ.ajaxDone()
- <form action="/user.do?method=save" onsubmit="return validateCallback(this,navTabAjaxDone)">
- 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"} {"statusCode":"300",
"message":"操作失败"} {"statusCode":"301", "message":"会话超时"}

主表和明细表，主表与明细表都有增删改查功能，在主表选中一条数据点击查看明细会弹出明细表页面，在明细表页面做条件查询时查询结果显示在主表的页面中（查询结果应该显示在弹出的明细表页面中）

解决方法：在弹出页面中增加修改代码为#upadteFcHydrantDialog11

<form method="post" action="${ctx}/fcHydrantDetail/list/${hydrantId}" class="layui-form" onsubmit="return navTabSearch(this,'#upadteFcHydrantDialog11')">

layUI

form表单提交：

1 <form method="post" action="${ctx}/fcHydrantDetail/list/${hydrantId}" class="layui-form" onsubmit="return navTabSearch(this,'#upadteFcHydrantDialog11')">
2 <input type="text" class="layui-input" id="manaUnit" name="manaUnit" value="${fcHydrantDetail.manaUnit}">
3 <button class="search">查询</button>
4  </form>

这种提交方式会将表单里text框里的数据发送给后台，后台通过request.getParameter()的方式获取，一般用来做条件查询的功能。

a标签提交：

1 <a class="add" width="500" height="500" target="dialog" dialogId="createFcHydrantDetailDialog" href="${ctx}/fcHydrantDetail/preCreate/${hydrantId}">添加</a>
2 <a class="approve" target="ajaxTodo" title="确定要审核吗?" href="${ctx}/fcHydrantDetail/approve/{slt_uid}">审核</a>

这种提交方式不会提交任何数据到后台，除非将想要提交的数据拼接在href后面，如上面代码所示的{slt_uid}，这种提交方式还可以定义提交后弹出页面的长宽,一般用于实现提交请求后弹出页面的功能。

js提交，文件上传功能：

<input type="file" name="file" id="test20">

layui.use('upload', function(){
      var $ = layui.jquery
      ,upload = layui.upload;
      //绑定原始文件域
      upload.render({
        elem: '#test20'
        ,accept: 'file'
        ,url: '${ctx}/fpPlaceFile/uploadFile/${placeId}'
      });
      //上传后的回调，功能为刷新页面，因为在开发过程中在上传文件后页面没有自动刷新，所以使用最笨的js回调
      ,done: function(res, index, upload){
            $("#search").submit();
    });

标签：DWZ,layUI,upload,明细表,提交,statusCode,页面
来源： https://www.cnblogs.com/zeevy/p/12118484.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

DWZ基础，layUI提交数据