w2ui grid에서 자주쓰는것들

w2ui grid에서 작업할때마다 사이트접속해서 문서나 예제로 자주찾는것들

그리드 기본코드 

  $('#grid').w2grid({ 
            recordHeight : 30,
            autoLoad: false,
            recid:"mtip",
            show: {
                footer: true,
                selectColumn: true,    
            }, 
            columns: [                
                .........
            ],
            onDblClick:function(event){
                var record = this.get(event.recid); 
            },
            records:[]
        });
        //this.dataLoad();

1. 그리드 세로사이즈 주기

recordHeight : 30,

그리드 색이나 스타일변경은 css로 가능하나 테이블셀의 세로사이즈는

javascript 그리드 생성시 설정속성에서 세팅하여야한다.

2. 그리드 체크목록 가져오기

w2ui.grid.getSelection();

그리드 생성시 아이디가 grid 라서 w2ui.그리드아이디값.getSelection(); 임 

그리드의 체크된 목록 recid를 오브젝트로 가져올수 있다.

3. 그리드에 있는 전체데이터 가져오기

w2ui["grid"].reocrds

예시로 콘솔에서 찍었더니 데이터를 오브젝트로 가져오는걸 볼수 있다. 

4. 그리드에서 클릭한 항목 데이터 가져오기

 

 onDblClick:function(event){
    var record = this.get(event.recid); 
console.log(record);
}

그리드 생성코드에서 이벤트도 포함해서 실제적용해보면

더블클릭시 선택한 항목에 대한 오브젝트만 가져온다.

5. 그리드 스크롤 맨하단일때 이벤트주기

 

$("#grid_grid_records").on("scroll",function(){
            var _scrollHeight = $(this).prop("scrollHeight");
            var _top = $(this).scrollTop()+$(this).height();
            if(_scrollHeight==_top){ 
                scrollCnt++; 
                console.log(scrollCnt); 
            }
        });
 

scrollCnt = 0 초기값

그리드안에 스크롤이 맨하단일때 scrollCnt 1씩 증가시킨다.