Now You See Me

* ie11, Edge, Chrome에서는 input type ="file" 으로 만들어진 a 변수가 onclick으로 잘 되는데

ie 10에서만 안되어서

해당 부분을 display="none"으로 안보이게 한후

body에다가 append로 붙여서 다시 생성하였더니

on click event가 생성되었다.

이런방법으로도 해결 하였지만.. 될수있으면 낮은 버전의 브라우저는 안썼으면 좋겠다. ㅠㅠ

이상한 예외처리가 너무 많아서 어렵다 ㅠㅠ 

 location.reload(); // 익스에서 느림
   window.location.reload(); //크롬,익스 상관없음.



둘다 새로고침을 하는 fuction 인데

그냥 location.reload(); 로 실행하면 무언가 익스에서 로딩시간이 길어지는데
widnow.location.reload(); 하면 조금 빨라진 듯한 느낌이 든다.



찾게 된 이유는
데이터 등록후 리스트 화면에서 등록된 데이터를 클릭시 새탭이 생겨서
그부분을 막기위해서 적었다.

처음부터 내가 구현한 소스가 아니라서 어떠한 원인 때문에 새탭이 생기는지는 모르겠지만.. (게시물인데 첨부파일만 들어가면 상세조회시 새탭이 생긴..)

이상하게 새로고침하고 상세조회를 하면 잘나온다.(새탭없이..)

그래서 새로고침(reload) 함수를 찾아보게 되었고

속도차이로 인해서 아래 부분
Window.location.reload()를 적어본다.

function test(){
	var date = $('.date').val();
	var params =$('#Form').serializeArray();
	params.push({name:"date", value:date});
	$.ajax({
		url: "test/test.action",
		data: params,
		type: "POST"
	}).done(function(data){
		alert("tesd");
	});
}


Java에서 List로 받아서 처리할때 "setRequestAttr"

로 받아서 처리하게 되는데
해당 수정할 페이지에서는 버튼을 검색하여 특정날짜값의 데이터를 받아오는 것을 수정하게 되었다.

그래서 Form에서 특정 날짜값을 input date로 받은다음에

그것을 Java에서 처리하여 Query로 넘기는데

Ajax를 보내고도.. SetRequestAttr로 처리하려고 했으니 .. 당연히 처리가 안되었다.
(기존 method 에서 return 값확인도 안해봄..)..

그래서 좀 검색하다가 Ajax면 데이터를 Json으로 받아야한다는것을 찾고 난후

method를 Java에서 따로 분리하여 만든다음에

처리.



1
2
3
4
5
6
7
8
public String test() throws Exception{
        //test
        String test= parameters.getString("test");
        List testList = query 호출;(해당 회사, core마다 다를거라 생각).
                
        return JSON; // return Json이 중요.
    }
 
Colored by Color Scripter
cs


이렇게 자바에서 해당 Parameter를 Ajax에서 받아와서 쿼리를 재가공한다음
Return Json으로 넘기니

Ajax의 done 부분에서 Data가 넘어왔다.

이제 나머지는 다른 예외처리및 다른부분 수정해야겠다.

초보적인. 기초적인거라 적어본다.. 멍청하게 이런걸로 시간잡아먹다나. ㅠㅠ 

resize 하던 도중 잘 안되어서 f12 개발자도구로 해당 css 건들다가

height를 강제로 줄이면 목록 line 나와서 구글링 하였더니 저렇게 속성조정이 가능하였다.

ex) 쿼리는 60줄을 뱉는데 jqgrid에서 line이40줄만 나올경우 해당 height를 조절하여 나오게 하였다.

Jqgrid 에서 height resize가 잘안될경우 강제로 css 조정

참고 : https://stackoverflow.com/questions/11981174/how-to-resize-a-divs-max-height-upon-window-resize

**

input box 에서 readonly를 저장했을시 사용자가 수정을 못하게 html단에서 입력/수정이 금지하게 한다.

select box 에서도 input box의 readonly와 비슷한 disabled를 줘서 입력/수정 금지한다.

다만 select box에서 disabled 속성을 줄경우 post 통신할때 값이 안넘어가기 때문에

해당 disabeld 속성을 꼭 remove를 해줘야만 함.

ex)

jqGrid의 기본 이벤트인 AfterSaveCell을 통하여  입력된 값을 가져오고 틀린경우 강제로 값을 치환한다.

사용할 method 기능

 - 'getCell: 값을 가져온다.

 - setCell :  값을 넣어줌.

대략적인 사용법

 * getCell

 - $('#jqGrid').jqGrid('getCell',rowid',[JqGrid에 정의된 name명]');

  * setCell

soruce

getCell로 가져온값을 if 조건에 틀린경우 setCell로 변환.

form의 serializeArray() 값을 console로 출력시 json 형태로 가져오게 되는데 이것을 과연 어떻게 하여 if문 분기를 태울까 하다가 구글링 하여 찾았음.

serializeArray의 수만큼 for문을 생성후 해당 부분의 name,value 를 찾고

예외처리. 하였음..

참고 url)

https://stackoverflow.com/questions/4236768/how-do-i-access-values-created-by-serializearray-in-jquery

참고 

해당 html 에서 check box 구문이 있는데

checked 되었을때 문구 날리는 부분을 연습중.

기본 default는 체크된 상태

현재날짜 영문달로 구하기.

달 가져오는 부분만 영문달로 수정하여 가져옴.

결과 : 30-May-2018

yyyy-mm 에서 mm부분만 저번달로 가져오기

begin:시작점

end: 끝점

이렇게 설정하면 index 의 1-3 번까지 3번만 돌게 된다 (0번째는 제외하게됨)