컬럼 모델

webPonent Grid 2.0 Column Model

 웹포넌트 그리드는  각 컬럼에 대한 정보를 가지고 있는 컬럼 모델을 가지고 있습니다. 컬럼모델을 grid.settings.columns배열안에 들어가 있습니다.

컬럼정보는 그리드가 초기화 될때 템플릿으로부터 가져옵니다. 이후에 컬럼의 길이가 변하거나, visibility설정이 바뀌었을때,  헤더의 텍스트가 바뀌었을때 등 컬럼정보가 바뀌면

컬럼모델도 업데이트가 됩니다. 컬럼의 정보를 이용한 코딩이 필요할때 이 컬럼모델에서 가져와서 사용하면 편리합니다.

js
var grid = webponent.grid.init(table, template);
 
var columnInfoArray = grid.settings.columns;
 
var firstColumn = columnInfoArray[0];

 위와같이 가져온 컬럼모델에는 다음과 같은 정보가 있습니다. 

label

@type {String} 컬럼의 타이틀

level

@type {Number} 컬럼이 위치한 tr의 index 위에서부터 0

header

@type {Node} 컬럼의 헤더

copiedHeader

@type {Node} 그리드 바디에 복사해서 붙혀넣는 컬럼 헤더

name

@type {String} 컬럼의 이름

bind

@type {String} 컬럼에 세팅되는 값

displayingWidth

@type {String} 템플릿에 지정되어 있는 가로 길이 값

width

@type {Number} 숫자로 바꾼 컬럼의 가로 길이

parentColumn

@type {Node} rowspan colspan 이 있는 다중헤더일때 해당 헤더의 부모 헤더를 저장한다.

childColumns

@type {Array<Node>} rowspan colspan 이 있는 다중헤더일때 자식 헤더가 있는 겨우 배열 형식으로 저장한다.

colspan

@type {Number} 콜스판정보

rowspan

@type {Number} 로우스판정보

visibility

@type {String} 컬럼이 보이는지 안보이는지 기본으로 'visible'값을 가진다. 숨겨진 컬럼일 경우 'hidden'값을 가진다.

align

@type {String} 셀의 정렬상태를 나타낸다. 'left', 'center', 'right'중 택1.

fixed

@type {Boolean} 고정된 헤더인지 판단한다. 고정되어있으면 true

sorter

@type {Node} 컬럼 소터

sortedType

@type {String} 컬럼의 현재 소팅된 상태 소팅이 안되었을경우 'none' 내림차순일결우 'desc' 오름차순일경우 'asc'가 세팅된다.

grouping

@type {Object} 컬럼이 그룹화 되었을때에 대한 정보

groupNumber

@type {Number} 컬럼들을 그룹화시켜 놓았을때 속한 그룹의 번호

indexInGroup

@type {Number} 컬럼들을 그룹화시켜 놓았을때 속한 그룹에서 몇번째 멤버인지 번호

groupMemberCount

@type {Number} 이 그룹에 몇개의 멤버가 있는지 저장

nextMemberColumn

@type {Object} 다음 indexInGroup컬럼

micelinous

@type {Node} 소팅이나 그룹핑에 사용되는 아이콘등이 들어가는 영역