table 2

d3.js 사용법 - ⑤ bat chart의 rect 클릭 이벤트

지금까지 생성한 bar chart에서 각각의 차트를 클릭했을때 이벤트가 걸릴 수 있도록 해볼 것. 그 중 rect를 선택하면 해당되는 rect 값과 동일한 값을 가진 그리드의 행이 반전처리 될 수 있도록 하는 이벤트 만들예정 복사 할 수 있는 코드는 해당 포스팅의 맨 아래에 한번에 게시 [필요사항] 1) rect를 클릭했을때 들어오는 값을 받아올 변수 2) 그리드 행에 해당되는 값을 넣어 놓을 변수 3) rect를 클릭했을때 rect값과 그리드의 행의 값이 동일할때 이벤트 발생 1. 그리드의 rowid 받아오기 - jqGrid는 그리드가 그려질 때 row(행)별 고유의 id가 자동으로 생성됨. 이 아이디를 활용을 한다면 행별 색상 반전을 시킬 수 있음 - 앞에서 그리드를 만들기 위해 setGrid()라는..

LANGUAGE/JAVASCRIPT 2022.11.15

JqGrid 사용법 - ② Grid 만들기

JqGrid를 사용하기 위해선 우선 관련 라이브러리를 다운로드 받아 js 파일을 연결 시켜야한다 이 과정을 하지 않은 사람들은 이전 포스팅 먼저 진행하면 된다 JqGrid 사용법 - ① 환경설정 및 기본세팅 (tistory.com) JqGrid 사용법 - ① 환경설정 및 기본세팅 JqGrid란? jqGrid는 jQuery 라이브러리를 이용한 Grid Plugin 이다 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax 기반 자바스크립트 컨트롤러 기본적으로 jQuery-UI를 이용한다 JqGrid를 사용하 tjqud531531.tistory.com 그리드와 차트를 그릴때 사용한 데이터 JqGrid 기본 사용법 1. 파일 연결시키기 2. body에 grid가 들어갈 공간을 만들어준다 *table에 ..

LANGUAGE/JQUERY 2022.11.07
반응형