Initialize object on page, through object based API

Initialize object on page, through object based API - select box collections

Source

<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxgrid.css">
<link rel="STYLESHEET" type="text/css" href="../../codebase/skins/dhtmlxgrid_dhx_skyblue.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxgrid.js"></script>        
<script  src="../../codebase/dhtmlxgridcell.js"></script>    
 
 
 
            <div id="gridbox" style="width:350px;height:250px;background-color:white;overflow:hidden"></div>
<script>dhtmlx.image_path = "../../codebase/imgs/";
dhtmlx.skin = "dhx_skyblue";
mygrid = new dhtmlXGridObject({
    parent: 'gridbox',
    columns: [{
        label: "Column A",
        width: 100,
        type: "co",
        options: {
            key_1: "first",
            key_2: "second",
            key_3: "third";
        }
    }, {
        label: "Column B",
        width: 250,
        type: "co",
        options: ["first", "second", "third";]
        }],
    multiselect: true,
    xml: "../common/grid.xml";
});</script>