我有两个自定义绑定要拖放,并且有一个需要拖放到可放置区域的元素列表,但是发生这种情况时,我需要从我的源列表中删除拖动的元素,我的做法如下,但是当拖动的元素从源列表中删除时,我收到以下错误"无法获取属性'选项'的值:对象为 null 或未定义",并且调试器中断在我的 jquery-ui.1.8.17.min.js 文件中,在此行中var d=a(this).data("draggable").options
。拖动绑定中出现问题。
这是我的代码:
var viewModelInstance = new ViewModel();
$(document).ready(function () {
$(window).load(
function () {
var _dragged;
ko.bindingHandlers.drag = {
init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
var dragElement = $(element);
var dragOptions = {
helper: 'clone',
revert: true,
start: function () {
_dragged = ko.utils.unwrapObservable(valueAccessor().value);
},
cursor: 'default'
};
dragElement.draggable(dragOptions).disableSelection();
}
};
ko.bindingHandlers.drop =
{
init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
var dropElement = $(element);
var dropOptions = {
drop: function (event, ui) {
var folder = dropElement[0].innerText;
viewModelInstance.UpdateCandidate(_dragged, viewModel, folder);
viewModelInstance.candidates.remove(_dragged);
}
};
dropElement.droppable(dropOptions);
}
};
ko.applyBindings(viewModelInstance);
});
}
);
});
尝试使用 detach() 而不是 remove()。
我设法通过添加"setTimeout"来绕过错误,让拖动操作在 KNOCKOUT 从列表中删除元素之前完成。
在您的情况下,代码更改应如下所示:
drop: function (event, ui) {
var folder = dropElement[0].innerText;
setTimeout( function(){
viewModelInstance.UpdateCandidate(_dragged, viewModel, folder);
viewModelInstance.candidates.remove(_dragged);
},10);
}
希望这对你有用:)