ExtJS 6.2 Обновление данных TreeGrid из хранилища без перезагрузки с сервера

У меня есть две сетки деревьев, которые используют один и тот же магазин. Когда я перетаскиваю элемент из одного в другой, кажется, что происходят все правильные обновления (запись исчезает из местоположения в левом дереве, помещается в правое дерево, левое дерево теперь также показывает новое размещение).

Однако, если я попытаюсь перетащить ту же запись обратно в исходное место, окажется, что ее родитель никогда не обновлялся, чтобы сказать, что она ушла.

Вот где я проверяю, могу ли я выбросить предмет:

listeners: {
            nodedragover: function(targetNode, position, dragData, e, eOpts) {
        console.log("Trying to drop");
        var ruleStore = this.getStore('rules');

        // Ensure leaf is adding as a leaf
        if (position === 'before') {
            return false;
        }

        // Check first that the target is a pool and not a leaf
        if (targetNode.data.leaf) {
            console.log("A leaf! Can't drop here")
            return false;
        } else {
            console.log("A node! Drop it like it's hot");
        }

        var allowDrop = true;
        var dropMessage = [];

        var records = dragData.records;
        var targetPool = targetNode.data;
        console.log("Dragdata: ", dragData);
        console.log("targetPool: ", targetPool);
        console.log("Store: ", Ext.getStore('Pools'));

        // Check platform, sample names, indicies
        for (var i = 0; i < records.length; i++) {
            var rec = records[i].data;
            if (rec.platform !== targetPool.platform) {
                allowDrop = false;
                dropMessage.push("Sample platform does not match target pool platform");
                break;
            } else if (targetPool.children.map(
                function(child){ return child.sample_name;}).indexOf(rec.sample_name) > -1) {
                allowDrop = false;
                dropMessage.push("Sample is already in this pool");
                break;
            } else if (targetPool.children.map(
                function(child){ return child.sample_index;}).indexOf(rec.sample_index) > -1) {
                allowDrop = false;
                dropMessage.push("Sample index is already in this pool");
                break;
            }
        }
        console.log(dropMessage);
        return allowDrop;
    },

Когда я получаю хранилище с помощью Ext.getStore('Pools'), это отражает, что элемент был удален из своего старого родителя и теперь находится в новом родителе. Однако targetNode из события nodedragover по-прежнему имеет старое состояние.

Как я могу получить древовидное представление, отражающее магазин, но без перезагрузки магазина с сервера (все это должно выполняться на стороне клиента)?

Я чувствую, что мне здесь не хватает какой-то фундаментальной концепции.


person Stats4224    schedule 24.10.2016    source источник


Ответы (1)


Вы можете использовать

treeView.refresh();

or

treeView.refreshNode(recordModified);

потому что древовидное представление расширено из view.table Здесь документы http://docs.sencha.com/extjs/6.0.2/classic/Ext.view.Table.html#method-refresh

person Mr.Bruno    schedule 26.10.2016
comment
Ты прав. Часть моей первоначальной проблемы заключалась в том, что я использовал дочерний атрибут, а не атрибут childNodes для выполнения назначений и перемещения. - person Stats4224; 04.11.2016