<script src="../../codebase/dhtmlxdataview.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxdataview.css">  
 
<div id="data_container" style="border:1px solid #A4BED4; background-color:white;width:596px;height:396px;"></div>
<script>
dhtmlx.Type.add(dhtmlXDataView, {
    name: "dataA",
    template: "#Package# : #Version#<br/>#Maintainer#",
    height: 40;
});
dhtmlx.Type.add(dhtmlXDataView, {
    name: "dataB",
    template: "#Package#",
    height: 20;
});
data = new dhtmlXDataView({
    container: "data_container",
    type: "dataA";
});
data.load("../common/data.xml");</script>
<input type="button" name="" value="Template A" onclick="data.define('type','dataA')">
<input type="button" name="" value="Template B" onclick="data.define('type','dataB')">