Отключение копирования в Dojo.dnd

Question

По умолчанию контейнер dojo.dnd.

Я знаю, что вы можете установить единственное число = true, чтобы остановить перетаскивание нескольких предметов, но как мне прекратить копирование? Дублирующиеся элементы не имеют смысла в контексте моих предметов (я составляю список перетаскивания для повторного порядка страниц в меню веб -сайта).

Спасибо

Answer 1

Я не уверен, есть ли более приятный путь, но я всегда достигал этого, затягивая copyState Метод на экземпляре источника всегда возвращать false.

Если у вас есть несколько источников на странице, вы также можете выбрать dojo.declare подкласс с переопределенным методом, или dojo.extend dojo.dnd.Source Сам, чтобы повернуть метод во всех случаях.

Answer 2

Или второй вариант

dojo.addOnLoad(function(){

    //Disable the key events Ctrl and Shift
    dojo.extend( dojo.dnd.Source, { copyState: function( keyPressed, self ){ 
        return false; }}
    );

    //Create the dnd source object for data point column bar
    columnBar = new dojo.dnd.Source("viewColumnBar",{ singular: true });

});

Answer 3

Благодаря Кену Франквиеро мне удалось решить эту проблему. Для других в той же лодке, вот мой код:

/**
 * Extend dojo.dnd.Source to prevent copying
 */

dojo.require( 'dojo.dnd.Source' );
dojo.addOnLoad( function() {

    dojo.declare
    (
        'EditPosition',
        dojo.dnd.Source,
        {
            copyState: function( keyPressed, self )
            {
                return false;
            }
        }
    );

    oEditPosition = new EditPosition
    ( 
        'position_container', 
        {
            withHandles: 'true'
        } 
    );

} );

HTML:

<div id="position_container">
    <div class="dojoDndItem">
        <div class="dojoDndHandle drag_icon drag_handle"></div> <strong>Short Paragraphs</strong>
    </div>
    <div class="dojoDndItem">
        <div class="drag_icon fixed_handle"></div> About Us
    </div>
    <div class="dojoDndItem">
        <div class="drag_icon fixed_handle"></div> Team Members
    </div>
</div>