Копирование-вставка в Tree Data

С помощью параментра clipboard можно работать с буфером обмена (копирование/вставка) в Tree.

У параметра может быть одно из трёх значений:

У каждого значения своя специфичность и функциональность:

Настройка поведения при копировании

tree = webix.ui({
    view:"tree",
    clipboard:"insert"
});

Related sample:  Pasting New Items

'Modify' копирование

Значение по умолчанию (то же, что и true).

Работает следующим образом:

  • При копировании выбранного элемента копируется название этого элемента (родительского или дочернего);
  • При вставке текст будет являться названием выбранного элемента.

'modify' копирование

tree = webix.ui({
    view:"tree",
    clipboard:true
});

Related sample:  Pasting Titles of Tree Items

'Insert' копирование

  • При копировании выбранного элемента копируется название этого элемента (родительского или дочернего);
  • При вставке элемент добавится как дочерний элемент выбранного узла.

'insert' копирование

tree = webix.ui({
    view:"tree",
    clipboard:"insert"
});

Related sample:  Pasting New Items

Пользовательский вариант

Если вы хотите написать свою логику для вставки, необходимо установить значение "custom" свойству clipboard:

var tree = webix.ui({
    view:"tree",
    clipboard:"custom"
});

Данная команда отменяет поведение по умолчанию

Код должен находиться внутри обработчика событий onPaste

// код выводит сообщение с текстом 
tree.attachEvent("onPaste", function(text) {
    webix.message("Node is pasted: " + text);
});

Tree вызывает событие onPaste при комбинации клавиш CTRL+V

Related sample:  Custom Clipboard Operations

Наверх