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

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

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

  1. 'modify' (or true. It's the default value);
  2. 'insert';
  3. 'custom'.

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

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

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

Наверх