sbgrid

SBGRID

전체메뉴보기

체크박스 이미지(checkboximage)

checkbox 컬럼에 이미지를 설정합니다.

상세설명

checkboximage

설정 : SBGridProperties.checkboximage = value;
- value(필수) : [boolean] checkbox 이미지 사용 여부
  - true : checkbox 이미지 사용
  - false(default) : checkbox 이미지 미사용

확인사항

이미지는 테마별 default css에서 변경 가능
- 셀 체크 : .sbgrid_cell input[type="checkbox"]:checked + label
- 셀 언체크 : .sbgrid_cell input[type="checkbox"] + label
- disabled 체크 : .sbgrid_disabled_checkbox_radio_cell_st input[type="checkbox"]:checked + label
- disabled 언체크 : .sbgrid_disabled_checkbox_radio_cell_st input[type="checkbox"] + label

예시

				var datagrid;	
				var SBGridProperties = {};
	
				function createGrid(){
					
					SBGridProperties.parentid = 'SBGridArea';
					SBGridProperties.id = 'datagrid';
					SBGridProperties.jsonref = 'ct_data.resources';
					SBGridProperties.checkboximage = true;
					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 : 5, 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 가이드

체크박스 이미지(checkboximage)

상세설명

checkboximage

확인사항

예시