<link rel="STYLESHEET" type="text/css" href="../../../dhtmlxDataView/codebase/dhtmlxdataview.css">
<script  src="../../../dhtmlxDataView/codebase/dhtmlxdataview.js"></script>
<script type="text/javascript" src="../../codebase/datastore.js"></script>
 
 
<div id="gridbox1" style="width:600px; height:270px; background-color:white;"></div>
<br><hr><br>
<div id="gridbox2" style="width:600px; height:270px; background-color:white;"></div>
<script>
var data = new dhtmlXDataStore({
    url: "../common/data/data.json",
    datatype: "json";
});
data1 = new dhtmlXDataView({
    container: "gridbox1",
    type: {
        template: "<span class='dhx_strong'>#Maintainer#</span>#Package# <span class='dhx_light'>#Version#</span>",
        template_edit: "<textarea class='dhx_item_editor' bind='obj.Package'>",
        height: 35;
    },
    edit: true,
    select: false;
});
data1.sync(data);
data2 = new dhtmlXDataView({
    container: "gridbox2",
    type: {
        template: "<span class='dhx_strong'>#Maintainer#</span>#Package# <span class='dhx_light'>#Version#</span>",
        template_edit: "<textarea class='dhx_item_editor' bind='obj.Package'>",
        height: 35;
    },
    edit: true,
    select: false;
});
data2.sync(data);</script>