DHTMLX Docs & Samples Explorer

### Drag-and-drop text

Source

    <script src="../../codebase/dhtmlxdataview.js" type="text/javascript"></script>
    <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxdataview.css">

    <table border="0" cellspacing="5" cellpadding="5">
        <tr><td>
            <div id="data_container1" style="border:1px solid #A4BED4; background-color:white;width:400px;height:396px;"></div>
        </td></tr>
    </table>
    <script>data1 = new dhtmlXDataView({
        container: "data_container1",
        type: {
            template: "#Package# : #Version#<br/>#Maintainer#",
            padding: 5,
            height: 40;
        },
        drag: true;
    });
    data1.attachEvent("onBeforeDrag", function(context, e) {
        context.html = "<div style='background-color:white; font-family:Tahoma; padding:10px;'>Drag " + context.source.length + " item(s)</div>";
        return true;
    });
    data1.load("../common/data.xml");</script>