var datagrid; var SBGridProperties = {}; var tempData = [{"checkbox1":"true","checkbox2":"Y","checkbox3":"1","checkbox4":"O"}, {"checkbox1":"false","checkbox2":"N","checkbox3":"2","checkbox4":"X"}, {"checkbox1":"true","checkbox2":"N","checkbox3":"1","checkbox4":"X"}, {"checkbox1":"false","checkbox2":"Y","checkbox3":"2","checkbox4":"O"}, {"checkbox1":"true","checkbox2":"Y","checkbox3":"1","checkbox4":"O"}]; function createGrid(){ SBGridProperties.parentid = 'SBGridArea'; SBGridProperties.id = 'datagrid'; SBGridProperties.jsonref = 'tempData'; SBGridProperties.rowheader = ['seq','update']; SBGridProperties.selectmode = 'free'; SBGridProperties.extendlastcol = 'scroll'; SBGridProperties.fixedrowheight = 50; SBGridProperties.columns = [ {caption : ['checkbox\n( default )'], type : 'checkbox',ref : 'checkbox1', width : '180px',style : 'text-align:center'}, {caption : ['checkbox\n( Y | N )'], type : 'checkbox' , typeinfo : { checkedvalue : "Y", uncheckedvalue : "N" }, ref : 'checkbox2', width : '180px', style : 'text-align:center'}, {caption : ['checkbox\n( 1 | 2 )'], type : 'checkbox' , typeinfo : { checkedvalue : "1", uncheckedvalue : "2" }, ref : 'checkbox3', width : '180px', style : 'text-align:center'}, {caption : ['checkbox\n( O | X )'], type : 'checkbox' , typeinfo : { checkedvalue : "O", uncheckedvalue : "X" }, ref : 'checkbox4', width : '180px', style : 'text-align:center'}, {caption : ['checkbox\n( fixedcellcheckbox 적용 )'], type : 'checkbox', typeinfo : { fixedcellcheckbox : { usemode : true , rowindex : 0 , deletecaption : false } }, ref : 'checkbox5', width : '180px',style : 'text-align:center'} ]; datagrid = _SBGrid.create(SBGridProperties); datagrid.bind("click","getCellData"); };