2016-05-04 5 views
1

Я использую Rubaxas sortable.js, который потрясающий.RubaXa/Сортировка отменяется с помощью Polymer

Теперь я пытаюсь отменить падение, и это не сработает.

Документы говорят:

onMove: function (/**Event*/evt) { 
    // Example: http://jsbin.com/tuyafe/1/edit?js,output 
    evt.dragged; // dragged HTMLElement 
    evt.draggedRect; // TextRectangle {left, top, right и bottom} 
    evt.related; // HTMLElement on which have guided 
    evt.relatedRect; // TextRectangle 
    // return false; — for cancel 
} 

Так я судимое это как в this Например:

Код:

<sortable-js id="sortable" animation="1000" filter=".noDrag" on-move="_elementMoving" on-end="_elementMoved" force-fallback="true", fallback-class="fallback"> 
    <template is="dom-repeat" items="{{items.images}}"> 
    <admin-image index$="{{index}}" type="{{type}}" image-set="{{_hasImage(item)}}" class$="admin_image {{_isDraggable(item, items, item.cover)}}" item="{{item}}"></admin-image> 
    </template> 
</sortable-js> 

_elementMoving функция():

_elementMoving : function(e){ 
    return e.related.className.indexOf('noDrag') === -1; 
    } 
}, 

И что я здесь делаю неправильно?

@RubaXa

Помощь будет высоко оценена.

ответ

1

я решил мою проблему так:

Вместо использования filter я draggable.

Код:

<sortable-js id="sortable" animation="1000" draggable=".drag" on-move="_elementMoving" on-end="_elementMoved" force-fallback="true", fallback-class="fallback"> 
    <template is="dom-repeat" items="{{items.images}}"> 
    <admin-image index$="{{index}}" type="{{type}}" image-set="{{_hasImage(item)}}" class$="admin_image {{_isDraggable(item, items, item.cover)}}" item="{{item}}"></admin-image> 
    </template> 
</sortable-js> 

_elementMoving функция остается той же.

Смежные вопросы