DWZ 베이스, layUI 데이터 제출

7150 단어
- navTabAjaxDone은 DWZ 프레임워크에서 미리 정의된 양식 커밋 콜백 함수입니다.서버가 navTabId로 돌아가면 그navTab을reloadFlag=1로 표시하고 다음번에 그navTab으로 전환할 때 내용을 다시 불러옵니다.callbackType이 closeCurrent이면 현재 탭을 닫습니다. - callbackType = "forward"에만 forwardUrl 값이 필요합니다. -nav Tab AjaxDone 이 리셋 함수는 기본적으로 통용될 수 있으며, 특수한 수요가 있으면 리셋 함수를 사용자 정의할 수 있습니다.만약 폼 제출이 작업이 성공했는지만 알려준다면, 리셋 함수를 지정하지 않을 수 있습니다.프레임은 기본적으로 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"} {"statusCode":"300",
"message":" "} {"statusCode":"301", "message":" "}

메인 테이블과 명세표, 메인 테이블과 명세표는 모두 삭제 수정 기능이 있다. 메인 테이블에서 데이터를 선택하여 명세표를 클릭하면 명세표 페이지가 튀어나온다. 명세표 페이지에서 조건 조회를 할 때 조회 결과는 메인 테이블의 페이지에 나타난다(조회 결과는 튀어나온 명세표 페이지에 나타난다)
해결 방법: 팝업 페이지에 수정 코드를 #upadteFcHydrantDialog11로 추가
<form method="post" action="${ctx}/fcHydrantDetail/list/${hydrantId}" class="layui-form" onsubmit="return navTabSearch(this,'#upadteFcHydrantDialog11')">

layUI
양식 제출:
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>

이런 제출 방식은 폼 안의 텍스트 상자에 있는 데이터를 백엔드에 보내고 백엔드는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();
    });

좋은 웹페이지 즐겨찾기