slickgrid 4

Slickgrid example1-simple.html 분석

Demonstrates: basic grid with minimal configuration [Slickgrid를 사용하기 위한 기본 설정 포함] line 1 : HTML 5 규격 사용 선언 ([참고자료]) line 6,7,8 : link tag 로 slickgrid, jquery css 연결 ([참고자료]) line 25 ~ 29 : jquery, slickgrid javascript 연결 [Slickgrid의 위치 정의] line 14 : div tag로 실제 slickgrid가 구현될 위치를 선언. [Slickgrid의 구현] line 33 : 실제 grid 저장할 변수 선언 line 35 : slickgrid의 column(열) 정의 - 여기서는 6개의 열을 정의함 (title, duration,..

Language/Javascript 2015.11.16

Grid - Slickgrid

Slickgrid license : MIT license Document는 부족한 면이 있지만 사용자가 많고, example을 통해 구현방법을 확인할 수 있다. Example : https://github.com/mleibman/SlickGrid/wiki/Examples [comment] 직접 구현을 해보고 있는데 자잘한 버그가 있다. -. scroll을 빠르게 움직이면 grid가 잠시 사라졌다 나타나곤 한다. (아래 링크에서 빠르게 scroll을 움직여 보면 확인할 수 있다. http://mleibman.github.io/SlickGrid/examples/example1-simple.html 이런 현상 때문에 slickgrid를 다른 grid로 교체해야 하나 고민도 했었지만 slickgrid 안의 sc..

Language/Javascript 2015.10.24

Slickgrid 와 django의 연동

현재 사용하고 있는 Django에 Slickgrid를 연동하였다. 기본적으로 slickgrid는 django의 static에 위치시키고 templete에서 호출하여 사용한다. (일반 이미지를 읽어 오듯이) 여기까지는 별다른 문제가 없는데 views.py 에서 templete로 넘기는 data 형식이 아직 감이 잡히지 않는다. 결국에는 json 형식으로 data를 생성하여 slickgrid 생성시에 argument로 넘겨줘야 하는데, django에서 json 형식으로 만들어서 templete로 넘겨 주는냐 아니면 dict 상태에서 templete로 넘겨 javascript에서 json 형태로 만들어서 사용하느냐의 차이일것 같다. grid = new Slick.Grid("#myGrid", data, colu..

Language/Javascript 2015.10.16