var datagrid;
var SBGridProperties = {};
var inputTemp = [{},{},{},{},{},{},{},{},{},{}];
var autocompleteData = [
"A-1", "A-2", "A-3", "A-4", "A-5", "B-1", "B-2", "B-3"
];
function createGrid() {
SBGridProperties.parentid = 'SBGridArea';
SBGridProperties.id = 'datagrid';
SBGridProperties.jsonref = 'inputTemp';
SBGridProperties.rowheader = ['seq','update'];
SBGridProperties.selectmode = 'free';
SBGridProperties.extendlastcol = 'scroll';
SBGridProperties.fixedrowheight = 50;
SBGridProperties.columns = [
{caption : ['INPUT','input\n(기본형)'], ref : 'temp1', width : '100px', style : 'text-align:center', type : 'input'},
{caption : ['INPUT','maxlength\n(5자 제한)'], typeinfo : {maxlength : 5}, ref : 'temp2', width : '100px', style : 'text-align:center', type : 'input'},
{caption : ['INPUT','autonext\n(5자 초과 시 포커스 이동)'], typeinfo : {maxlength : 5, autonext: true}, ref : 'temp3', width : '180px', style : 'text-align:center', type : 'input'},
{caption : ['INPUT','oneclickedit\n(true)'], typeinfo : {oneclickedit : true}, ref : 'temp4', width : '120px', style : 'text-align:center', type : 'input'},
{caption : ['INPUT','mask\n(alias : "##9#/##.9#", unmaskvalue : true)'], typeinfo : {mask : {alias : '##9#/##.9#', unmaskvalue : true }}, ref : 'temp5', width : '280px', style : 'text-align:center', type : 'input'},
{caption : ['INPUT','autocomplete\n(자동 완성)'], typeinfo : {autocomplete : autocompleteData}, ref : 'temp6', width : '100px', style : 'text-align:center', type : 'input'}
];
datagrid = _SBGrid.create(SBGridProperties);
};