개발 메모장

#. 그리드 내에서 셀을 수정하고 수정 값을 DB에 저장하는 기능을 추가한 내용에 대해 포스팅해보도록 하겠습니다.#. 간략한 기능으론 수정할 셀을 클릭하면 멀티셀렉트가 처리되지 않게 하였습니다.#. 셀을 수정하면 배경색을 변경하였고, 기존 값과 동일할 시 다시 배경색을 제거하였습니다.#. 수정 시 적용이 아닌 멀티셀렉트를 이용해 수정한 셀을 지정하여 일괄 수정할 수 있도록 하였습니다.우선 jqGrid를 작성하도록 하겠습니다.필요한 옵션에 대한 설명은 아래 작성토록 하겠습니다.$('#grid').jqGrid({ url: 'test.do' ,datatype: 'local' ,colNames: [ '수정' ] ,colModel: [{name:'test', editable:true, ..

#. 여타 그리드의 경우 셀 병합 기능이 기본적으로 제공되나 jqGrid의 경우 무료로 사용하기에 부족한 기능들이 많은 편입니다. #. 다른 행 데이터 내 동일한 Key로 묶인 경우 병합하여 보여주는 기능을 요청하여 남겨보도록 하겠습니다.우선 요청사항을 정확히 살펴보도록 하겠습니다.아래 요청사항은 기본적으로 TestNo이라는 값이 동일한 행에 대해 적용해달라는 것이 기본이였습니다.1. 첫 행의 Key가 N이면서 나머지 행도 N인 경우 첫 행을 제외한 나머지 행의 특정 데이터를 보여주지 않을 것2. 첫 행 Key가 N이고 나머지 행 중 Y라는 Key를 가진 경우 첫 행의 특정 데이터를 보여주지 않을 것3. 첫 행 Key가 Y이면서 나머지 행도 모두 Y인 경우 모두 보여줄 것 4. 동일한 TestNo일 경우..

#. 그리드 내  2줄의 행을 헤더로 처리해야 하는 일이 종종 발생할 수 있습니다.#.  이럴 때는 jqGrid의 groupHeader를 이용해 처리할 수 있습니다.페이지 최초 호출 시 헤더를 추가한 그리드를 뿌려주기 위해서 gridCompelete 옵션을 이용해 적용해 줍니다.jqGrid의 기본적인 옵션들은 이전 포스팅에도 설명이 돼 있기에 생략하고 그룹 헤더와 관련된 옵션만 설명하겠습니다.$('#grid').jqGrid({ url : 'test.do' , datatype : 'local' , colNames : [ 'col1', 'col2', 'col3', 'col4', 'col5' , 'col6',..

Javascript를 이용해 A라는 함수 내 B 함수를 넣어 입력받은 데이터를 체크한 뒤 나머지 A 함수 로직을 처리해야 했습니다.비동기 처리를 하게 될 경우 B 함수에서 return false로 처리해도 호출한 A 함수는 정상처리되어 문제가 발생했고, 이에 따라 동기 처리를 해야 했습니다.동기 처리를 해야 하는 경우 ajax async:false로 처리하거나 callback함수 사용, await&async로 처리하는 방법이 있습니다.await & async를 사용하여 fetch로 처리한 내용을 정리해 봅니다.#. async & await Javascript에서 비동기 함수를 동기적으로 처리를 하는 데 사용됩니다.async function 함수명() {  }- async 키워드를 넣어..