jqGrid9

• 

  [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, 편집, 엑셀 다운로드 등 다양한 기능을 제공합니다. 추후 각 옵션 기능에 대한 설명 페이지 Link를 추가하도록 하겠습니다. Quick Usage IE 에서는 정상동작 하지 않을 수 있습니다. 추후 IE에서도 동작하는 버전을 공개할 예정입니다. Options id : Grid Element 를 추가할 div 태그의 id를 설정합니다. (String / default "grid") url : 데이터를 조회할 url을 설정합니다. (String) title : 그리드의 제목, 캡션.. Programing/JavaScript 2021. 11. 24.

• 

  jqGrid navGird edit add del 시 데이터 컨트롤 방법 jqGrid navGird edit add del 시 데이터 컨트롤 방법 jqGrid의 navGrid를 사용해 CRUD를 할때 라이브러리를 적용한 inputbox 값이 서블릿단으로 매개변수가 전달이 안되는 경우가 있습니다. 예를 들어 dateRangePicker 나 timepicki 를 적용해 입력받을 때 해당 값이 undefined로 전달이 됩니다. colModel에 아래의 Link 처럼 설정을 하면, 추가, 수정 클릭 시 해당 라이브러리가 적용되는데, 값은 전달이 되지 않죠. Link : jqGrid dataType json CRUD + filterToolbar + dateRangePicker 5부 기간 조회 dateRangePicker설정 이 데이터를 바인딩 하기 위해서는 editData 옵션을 사.. Programing/jQuery 2018. 3. 8.

• 

  jqGrid 조회 버튼 클릭 시 조회 방법, 페이지 최초 로딩시 조회 안되게 하는 방법 jqGrid 조회 버튼 클릭 시 조회 방법, 페이지 최초 로딩시 조회 안되게 하는 방법 jqGrid의 세팅을 옵션에 dataType을 'json' 으로 할 경우 페이지 로딩 시에 자동으로 조회가 되게 됩니다. 그리고 filterToolbar 를 사용할 경우 filter의 값이 바뀌면 자동으로 조회가 되게 되죠. 이런 것을 filterToolbar에서 값을 바꾸면 조회가 되지 않고, 조회 버튼을 눌렀을 때만 조회가 되도록 바꿔보겠습니다. 우선 filterToolbar 에 두개의 옵션을 추가 합니다. 1 2 3 4 const filterOption = { autosearch : false, searchOnEnter : false, } cs autosearch 옵션은 filterToolbar의 값이 바뀌어도 .. Programing/jQuery 2018. 3. 7.

• 

  jqGrid checkbox Multiselect 그리드 멀티선택 체크박스 추가방법 jqGrid checkbox Multiselect 그리드 멀티선택 체크박스 추가방법 위의 이미지와 같이 그리드 제일 앞 열에 체크박스를 추가하는 방법에 대해 포스팅 하겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function makeTable(id, array, title){ $("#"+id).jqGrid({ datatype: "local", height: 200, width : 300, colNames:['장비ID','장비명'], colModel:[ {name:'equipId', align:'center',sortable:false, width:'50px'}, {name:'equipNm', align:'left',sortable:false}, ], mul.. Programing/jQuery 2018. 1. 17.

• 

  jqGrid dropdown (select, combobox) in filterToolbar 콤보박스 추가방법 jqGrid dropdown (select, combobox) in filterToolbar 콤보박스 추가방법 jqGrid 에 filter toolbar 에 아래와 같이 콤보박스를 추가하는 방법을 알아보도록 하겠습니다. 우선 저는 DB에서 가져온 데이터를 jqGrid에서 읽을 수 있는 형태로 만들어 주었습니다. (key : value, key : value 의 형태) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 const comboData = { rightCombo : {}, positionCombo : {}, departmentCombo : {} } $(function){ getOprCo.. Programing/jQuery 2018. 1. 10.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 3부 헤더 정렬 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 3부 헤더 정렬 Link : jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 .. Programing/jQuery 2017. 11. 30.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 2부 페이징 설정 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 2부 페이징 설정 1부 에서는 데이터를 가져와 표출하는 부분까지 했었죠. 이번 2부에서는 페이징 설정을 하는 방법에 대해 알아보도록 하겠습니다.. Programing/jQuery 2017. 11. 30.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 데이터 조회 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 데이터 조회 jqGrid에 filterToolbar와 dateRangePicker를 적용한 화면 입니다. [구현된 기능] ● 그리드 헤더.. Programing/jQuery 2017. 11. 29.

• 

  jquery jqgrid 의 모든 것, 사용법, jQuery 추천 그리드 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jquery jqgrid 의 모든 것, 사용법, jQuery 추천 그리드 jqgrid는 개발하기 편하고 빠르며 다양한 옵션을 제공하여 선호하는 분들이 많죠. 이번 포스팅에서는 이에 대한 사용법을 알아보도록 하겠습니다. 1. 다운로드 Link : jq.. Programing/jQuery 2017. 9. 22.