sbgrid

SBGRID

전체메뉴보기

행의 상태 표시(rowheader)

그리드의 첫번째 열을 고정영역으로 생성하고 생성된 열에 행의 상태 또는 순번을 표시하는 설정입니다. 배열로 선언시 다양한 종류의 rowheader를 동시에 적용할 수 있습니다.

rowheaderwidth, rowheadercaption,
isRowHeader, getRowHeader rowdragmove

상세설명

rowheader

속성 : SBGridProperties.rowheader = value1;
- value1 : [string | array] 행의 첫번째 열(고정영역)에 상태 또는 순번 표시
  - 'seq' : 행의 일련 번호를 올림차순으로 표시
  - 'reverseseq' : 행의 일련 번호를 내림차순으로 표시
  - 'update' : 행의 상태 변화(등록, 수정, 삭제)를 표시
  - 'select' : 선택된 행을 표시
  - 'rowdragmove' : 드래그를 통해 행 이동할 수 있는 열 표시

예시

			var datagrid;
			var SBGridProperties = {};
			
			function createGrid(){
				
				SBGridProperties.parentid = 'SBGridArea';
				SBGridProperties.id = 'datagrid';
				SBGridProperties.jsonref = 'ct_data.resources';
				SBGridProperties.selectmode = 'byrows';
				SBGridProperties.rowheader = ['seq', 'select'];
				SBGridProperties.columns = [
					{caption : [''],               ref : 'check',		 width : '30px',	style : 'text-align:center',	   type : 'checkbox'},
					{caption : ['학원명'],          ref : 'academy',	   width : '168px',	  style : 'text-align:left',		 type : 'input'},
					{caption : ['설립자(성명)'],	   ref : 'name',		 width : '163px',	style : 'text-align:left',    	   type : 'output'},
					{caption : ['전화번호'],		ref : 'phone',		  width : '120px',	 style : 'text-align:center',		type : 'input'},
					{caption : ['학원주소'],		ref : 'addr',		  width : '407px',	 style : 'text-align:left',			type : 'textarea'},
					{caption : ['교습과정'],		ref : 'curriculum',	  width : '100px',	 style : 'text-align:center',		type : 'combo',   	   typeinfo : {ref : 'newComboData', displayui : true, label : 'label', value : 'value'}},
					{caption : ['교습과목(반)'],	   ref : 'class2',		 width : '100px',	style : 'text-align:center',	   type : 'combo',        typeinfo : {ref : 'classData',    displayui : true, label : 'label', value : 'value',  filtering : {usemode : true, uppercol : 7, attrname : 'code'}}},
					{caption : ['교육시작일'],	   ref : 'startday',	 width : '100px',	style : 'text-align:center',	   type : 'datepicker',   typeinfo : {locale : 'ko' , dateformat :'yymmdd'}, format : {type:'date', rule:'yyyy-mm-dd', origin : 'yyyymmdd' }},
					{caption : ['교육종료일'],	   ref : 'endday',	 	 width : '100px',	style : 'text-align:center',	   type : 'inputdate',    typeinfo : {locale : 'ko' , dateformat :'yymmdd'}, format : {type:'date', rule:'yyyy-mm-dd', origin : 'yyyymmdd' }},
					{caption : ['바로가기'],	    ref : 'link',		  width : '100px',	 style : 'text-align:left',			type : 'outputbutton'}
				];
				datagrid = _SBGrid.create(SBGridProperties);
			};

SBGrid 가이드

행의 상태 표시(rowheader)

상세설명

rowheader

예시