jqgrid
-
[jqGrid] 그리드 내 행마다 수정/삭제 버튼 삽입하기개발/Javascript & jQuery 2019. 1. 24. 12:24
jqGrid를 쓰다보면 언젠가 아래 이미지처럼 그리드의 행마다 수정 삭제 버튼을 넣어줘야 하는 경우가 생길 수도 있다. 출처는 요 아래http://trirand.com/blog/jqgrid/jqgrid.html → Functionality > Formatter actionshttp://www.guriddo.net/documentation/guriddo/javascript/user-guide/formatters/ 실제 소스에 적용한다면 이런 느낌으로 들어간다. 123456789101112131415161718192021222324252627282930 $$("#list").jqGrid({ url: "url", datatype : "json", mtype: "post", colNames:[ ' ', 'id'..
-
jqGrid 위키문서 정리 - 플러그인 특징 및 설치개발/Javascript & jQuery 2018. 4. 23. 11:39
준비 중인 프로젝트에서 jqGrid를 사용하는데 내가 유일한 초기 투입 개발자니까 미리 준비하면 좋겠다고 하셔서 공부를 시작했다.요기에 정리되어 있는 공식문서를 공부할 겸 따로 정리해본당 → http://www.trirand.com/jqgridwiki/doku.php?id=wiki:features 1. 특징1) 기본 그리드• UI테마에 기초한 CSS 사용 : jQueryUI의 테마를 활용하여 그리드를 표현→ jQueryUI 테마 다운로드 필요• 페이징 : 페이징 기능을 사용하여 데이터 출력 가능하며, 한 페이지에 총 몇 행을 출력할지는 개발자가 지정할 수 있음• 사용자가 컬럼 너비 조정 가능• 데이터 정렬 : 사용자가 헤더를 클릭하여 데이터 정렬 가능. 개발자가 특정 타입을 기준으로 데이터 정렬하도록 지..