프로젝트 관리 화면 추가

[eunja511005]

• 공통 ajax 호출 기능 개발

  callAjax("/project/create", "POST", data, createCallback);

    callAjax(url, "GET", null, function(response) {
        if (response.success) {
              $.each(response.data, function(index, commonCode) {
                var option = $('<option>').val(commonCode.code).text(commonCode.value);
                if (selectedValues && selectedValues.indexOf(commonCode.code) !== -1) {
                  option.prop('selected', true);
                }
                selectBox.append(option);              
              });
        }
    });

  function callAjax(url, method, data, successCallback){
    // 입력값이 form 요소인 경우
    if (data instanceof jQuery) {
      // Convert FormData object to JSON object[(ex) var formData = new FormData(this);]
      var json = {};
      data.forEach(function(value, key) {
        // If the key is "enable", set the value as a boolean
        if (key === 'enable') {
          json[key] = $("#enable").is(':checked');
        } else {
          json[key] = value;
        }
      });
  
      data = JSON.stringify(json);
    }
  
    if(typeof data === 'object'){
        data = JSON.stringify(data);
    }
  
    // AJAX 호출 수행
    $.ajax({
      url: url,
      type: method,
      beforeSend: function(xhr) {
          xhr.setRequestHeader(csrfheader, csrftoken);
      },
      data: data,
      contentType: 'application/json; charset=UTF-8',
      success: function(response) {
          if (response.success) {
              successCallback(response);
          } else {
              swal({
                    title: "Application Error",
                    text: response.errorMessage,
                    icon: "warning",
                    button: "OK",
              })
          }
      },
      error: function(error) {
          console.log(error);
          swal({
                title: "Error",
                text: "Please check browser console",
                icon: "warning",
                button: "OK",
          })
      },
    });
  }

• 수정/신규 화면 ModelAndView로 리턴시 JSP 페이지에서 히든으로 넣고 .js에서 $(ready) 에서 히든으로 들어온 val() 꺼내서 멀티 셀렉트 박스 구현

  

  

  

[eunja511005]

• 메뉴 클릭시 이벤트 부분 수정 : nav a 클릭에서 a 태그에 클래스 추가후 해당 클래스 클릭으로 변경

• 그래야 여러단계 하위에 있는 a태그도 클릭 이벤트 잘 먹음