Ich arbeite an einem Prototyp, der Kendo UI Pro verwendet. Es wird stark die Verwendung der TreeListView und Drag & Drop erfordern. Ich musste einen benutzerdefinierten Ablageort erstellen, der eine benutzerdefinierte Angular 1.x-Direktive verwendet. In der link
Methode dieser Richtlinie bin ich an das Element unter Verwendung kendoDropTarget()
gebunden. Ich hatte gehofft, dass ich mit dieser Methode das Kendo-Modell mit der verlorenen Baumreihe kostenlos bekommen würde, aber das scheint nicht der Fall zu sein (es sei denn, ich weiß einfach nicht, wo ich hinschauen soll.)Kendo-UI-Modell per Drag-and-Drop aus dem Kendo-UI-Widget holen
ich versuchte, die dataTransfer
auf das Objekt gesetzt und erhalten die Informationen von MDN wie so gefunden werden:
$scope.treeListOptions = {
//...
drag: function (e) {
e.dataTransfer.setData('text/plain', JSON.stringify(e.source));
}
};
und in meiner Anweisung, so etwas wie:
app.directive('dropLoc', function() {
return {
// ...
link: function (scope, ele, attrs, ctrl) {
ele.kendoDropTarget({
dragenter: function (e) {
var data = e.dataTransfer.getData('text/plain');
console.log(data);
}
});
}
};
Aber der oben führt nur zu einem e.dataTransfer is undefined
Fehler.
Also, meine Frage ist, wie kann ich das Modell von einem Kendo-fähigen Widget erhalten?
Muss ich eine Reihe von data-
Attribute verdrahten?