This code works fine.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/datagrid-dnd.js"></script>
<script>
var data = [
{ "text": "Epson WorkForce 845", "group": "Printer" },
{ "text": "Canon PIXMA MG5320", "group": "Printer" },
{ "text": "HP Deskjet 1000 Printer", "group": "Printer" },
{ "text": "Cisco RV110W-A-NA-K9", "group": "Firewall" },
{ "text": "ZyXEL ZyWALL USG50", "group": "Firewall" },
{ "text": "NETGEAR FVS318", "group": "Firewall" },
{ "text": "Logitech Keyboard K120", "group": "Keyboard" },
{ "text": "Microsoft Natural Ergonomic Keyboard 4000", "group": "Keyboard" },
{ "text": "Logitech Wireless Touch Keyboard K400", "group": "Keyboard" },
{ "text": "Logitech Gaming Keyboard G110", "group": "Keyboard" },
{ "text": "Nikon COOLPIX L26 16.1 MP", "group": "Camera" },
{ "text": "Canon PowerShot A1300", "group": "Camera" },
{ "text": "Canon PowerShot A2300", "group": "Camera" }
]
$(function () {
$('#dl').datalist({
data: data,
onLoadSuccess: function () {
$(this).datagrid('enableDnd');
}
});
})
</script>
</head>
<body>
<div id="dl" title="DataList" style="width:400px;height:250px">
</div>
</body>
</html>
