BetterThanYesterday

예제코드

var prblmTag = '';
while(qitemIdx < resultList.length){
    prblmTag += `<div class="reg">`;

    if(resultList[qitemIdx].orignlFileNm === null){
        prblmTag += `<input type="file" name="quiz[0].file" class="input_file form-control" title="" class="w50p">`;
    }else{
        prblmTag += `
                    <input type="hidden" name="quiz[0].atchFileId" value="\${resultList[qitemIdx].atchFileId}">
                    <input type="hidden" name="quiz[0].fileSeSn" value="\${resultList[qitemIdx].fileSeSn}">
                    <a href="/bos/cmmn/file/fileDown.do?atchFileId=\${resultList[qitemIdx].atchFileId}&fileSn=\${resultList[qitemIdx].fileSeSn}">\${resultList[qitemIdx].orignlFileNm}</a>
                    <button type="button" name="fileDelBtn" data-evlsn='\${resultList[qitemIdx].evlSn}' data-prblmsn='\${resultList[qitemIdx].prblmSn}' data-atchfileid='\${resultList[qitemIdx].atchFileId}' data-filesesn='\${resultList[qitemIdx].fileSeSn}' data-prblmtypecd='\${resultList[0].prblmTypeCd}' class="btn btn-danger btn-sm"><i class="fa fa-trash-o" aria-hidden="true"></i></button>
                    `;
    }

1. resultList는 ajax통신 후 return받은 data.resultList라고 보면된다.

2. 백틱 안에 변수매핑은 \${data.변수} 이렇게 하시면 된다.

3. CSS가 깨진다면 부분주석 해가면서 어느부분이 오류인지 확인해라.

4. 나는 백틱을 += 로 붙여넣은 다음 최종 $("#대상").append(prblmTag);  최종했다.

jqGrid를 사용하는데

특정 컬럼의 스타일을 

변경하고 싶은 경우 어떻게 해야할까?

loadComplete 메소드(데이터 로딩 후 호출되는 메소드) 내에서 처리!

이렇게 처리하면 컬럼이나 열의 style을 변경할 수 있다.

jqGrid를 사용하는데

page, total, records 등을 제외한

추가로 사용할 데이터를 서버에서 전달받아야 할 경우,

클라이언트단에서는 어떻게 받아야 할까?

이 때 사용하는 것이 바로 jsonReader + userdata 이다.

1. 우선 서버에서 리턴하는 json 형태는 대략 다음과 같다고 가정하면,

{

"userdata"    :    { "title" : "어서오세요" , "subtitle" : "개발자 여러분..." }

, "rows"        :    { ... }

}

2. jqGrid의 속성 jsonReader는 다음과 같이 설정한다.

jsonReader : {

userdata    :    "userdata"

}

3. loadComplete에서 json형태로 출력하여 데이터 확인하기.

loadComplete : function(){

alert(JSON.stringify($("#gridName").getGridParam('userData')));

}

//getGridParam 으로 가져올 땐 userdata 가 아니라 userData 라는 것.

색깔 칠해뒀으니, 대소문자 주의해서 사용하길 바랍니다~!!

알기 전엔 어려움. ㅠㅠ

해보고 나니 되는 것을 확인  !_!

쉽다고 느낌. ^_^

사실 어려운 것이 아님 & 쉬운 거임. ㅇ_ㅇ

ㅂㅂㅇ