var datagrid; var SBGridProperties = {}; function createGrid(){ SBGridProperties.parentid = 'SBGridArea'; SBGridProperties.id = 'datagrid'; SBGridProperties.jsonref = 'ct_data.resources'; SBGridProperties.rowheader = ['seq','update']; SBGridProperties.selectmode = 'free'; 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); datagrid.setColStyleEx(2, 'background:skyblue;font-weight:bold', 'data'); datagrid.setColStyleEx(4, 'background:green;font-weight:bold', 'data'); datagrid.setColStyleEx(5, 'background:#e3dde3;font-weight:bold', 'data'); datagrid.setColStyleEx(6, 'background:brown;font-weight:bold', 'data'); $('#textValue').text('스타일을 확인할 열 선택 후 버튼을 클릭하여 스타일을 확인해보세요.'); }; function getColStyleEx(){ var nCol = datagrid.getCol(); var style = datagrid.getColStyleEx(nCol, 'data'); var styleData = JSON.stringify(style); if(styleData == '""'){ $("#textValue").text('스타일이 적용된 열을 클릭해 주세요.'); }else{ $("#textValue").text(nCol+"열에 적용된 스타일 : "+ styleData); } };