checkRequired API

QCELL 생성 시 컬럼 option 으로 required 설정 시 QCELL.checkRequired() API 로 검색해서 빈값이면 배열 형태로 반환하는 함수
모든 컬럼에 대해서 적용 가능
- qcell.checkRequired() 실행 시 객체의 배열로 반환
0: {row: 2, col: 2}
1: {row: 5, col: 2}


컬럼 데이터의 줄바꿈(wordwrap)

QCELL 생성 시 컬럼 options 에 wordwrap true 시에 화면에 표시 될 내용이 wordwrap
type: "textarea", options: {textareawidth: '300px', wordwrap:true , maxlength: 150}
내용이 길 경우 툴팁 또는 클릭으로 내용을 보는 것이 가능하지만 직관적으로 볼 수 있게 하기 위해 필요할 수 있습니다.

주의: 행의 높이가 충분하지 못할 경우 아래의 내용이 나오지 않을 수 있습니다.(상단 정렬 고정)

중간 정렬로 지정하여 사용하기 위해선 아래와 같은 스타일을 추가해주셔야 합니다.

*다양한 타입에 사용하기 위해서 rt-qc-input-type-cell=> input 부분을 사용할 타입의 이름으로 수정해주시면 됩니다.

ex) rt-qc-html-type-cell,rt-qc-textarea-type-cell...

.rt-qc-input-type-cell {

display: flex;
align-items: center;

}


input/textarea 필드의 validator callback

Input, textarea 에서 사용자가 입력 후 설정 된 validator callback 을 실행하여 callback 이 true 를 반환하면 valuechaned 등 체크 하는 기존 로직이 동작하고 false 를 반환하면 화면에 반영안하고 종료
type:'input',options:{validator : function(nRow, nCol, value){
var gap=0;
console.log(nRow + ' ' + nCol+ ' ' + value);
gap = Math.abs(qcell.getCellData(nRow, nCol) - value);
if(gap > 5) {
alert('5이상 차이날 수 없습니다.');
return false;
} else
return true;}}
리턴값이 true이면 valuechanged 이벤트를 비롯하여 정상적인 흐름으로 동작하고 false 인 경우 반영 안하고 종료합니다.
배정인원의 수를 5이상 변경하거나, 5이하로 수정해 보시기 바랍니다.


aftercreated 이벤트

QCELL 생성 이 정상 적으로 완료 되면 수행되는 aftercreated 이벤트
events : {aftercreated : function (){
alert('aftercreated triggered');
}
또는
QCELL.getInstance("qcell").bind('aftercreated' , function (){alert('aftercreated triggered');});


값이 보여질 영역