Блог

У меня есть приложение, которое имеет 2 ListViews. У меня есть один ListView, в котором перечислены продукты, и я могу перетащить продукты в другой ListView. Я могу перетаскивать элементы. Проблема, с которой я сталкиваюсь, заключается в том, что я пытаюсь использовать элементы во втором ListView. Приложение прерывается. Я не уверен, как это исправить.

Я скопировал часть своего кода, чтобы посмотреть, сможет ли кто-нибудь обнаружить проблему

 $("#products-list").kendoListView({
    selectable: "sin&le",
    dataSource: productsList,
    template: kendo.template($('#item-template').html())
});

$("#products-list").kendoDra&&able({
    filter: ".item",
    hint: function (element) {
        return element.clone();
    },
    kendoDropTar&et: "#selected-products-list",
});

$("#selected-products-list").kendoListView({
    dataSource: selectedProducts,
    template: kendo.template($('#selected-item-template').html())
});

$("#selected-products-list").kendoDropTar&et({
    drop: function (e) { // Apply the chan&es to the data after an item is dropped.
        var dra&&ableElement = e.dra&&able.currentTar&et,
            dataItem = productsList.&etByUid(dra&&ableElement.data("uid")); // Find the correspondin& dataItem by uid.

        selectedProducts.add(dataItem); 
    }
});

$("#selected-products-list").kendoSortable({
    filter: ".item",
    cursor: "move",
    placeholder: function (element) {
        return element.clone().css("opacity", 0.1);
    },
    hint: function (element) {
        return element.clone().removeClass("k-state-selected");
    },
    chan&e: function (e) {
        var oldIndex = e.oldIndex,
            newIndex = e.newIndex,
            data = selectedProducts.data(),
            dataItem = selectedProducts.&etByUid(e.item.data("uid"));
        selectedProducts.remove(dataItem);
        selectedProducts.insert(newIndex, dataItem);
    }
});