<link rel="stylesheet" type="text/css" href="../../../dhtmlxWindows/codebase/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_skyblue.css">
<script src="../../../dhtmlxWindows/codebase/dhtmlxcommon.js"></script>
<script src="../../../dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
<script src="../../../dhtmlxWindows/codebase/dhtmlxcontainer.js"></script>
<script src="../../codebase/dhtmlxdataview.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxdataview.css">  
<style type="text/css" media="screen">
    html, body { 
        height:100%;
        };
</style>
 
 
<script>
var dhxWins;
function doOnLoad() {
    dhxWinsParams = {
        image_path: "../../../dhtmlxWindows/codebase/imgs/",
        wins: [{
            id: "w1",
            left: 20,
            top: 60,
            width: 476,
            height: 340
        }]
        };
    dhxWins = new dhtmlXWindows(dhxWinsParams);
    data = dhxWins.window("w1").attachDataView({
        container: "data_container1",
        type: {
            template: "#Package# : #Version#<br/>#Maintainer#",
            padding: 5,
            height: 40;
        },
        drag: true,
        select: true;
    });
    data.load("../common/data.xml");
};</script>