angularjs przeciągnij i upuść plugin drop issue

Używam liba kątowego-dragdrop.js w moim projekcie i mam problem z funkcją oddzwaniania. Wszystkie inne funkcje wywołania zwrotnego działają. Debugowałem mój kod wiele razy, ale nie mogę znaleźć odpowiedzi, czy ktoś napotkał na ten problem?angularjs przeciągnij i upuść plugin drop issue

tutaj jest mój kod html i js:

HTML:

<li class="li-draggable" data-drag="true" 
      jqyoui-draggable="{animate: true, 
           placeholder: 'keep', 
           onStart: 'startCallback', 
           onStop: 'stopCallback', 
           onDrag: 'dragCallback'}" 
      data-jqyoui-options="{snap: true, cursor: 'move', revert: 'invalid', helper: 'clone'}"> 
      <a>Text <i class="icon-pencil pull-right"></i></a> 
</li> 
<div class="dummyCell" data-drop="true" 
      jqyoui-droppable="{multiple: true, 
           onDrop: 'dropCallback', 
           onOver: 'overCallback', 
           onOut: 'outCallback'}" 
      data-jqyoui-options="{hoverClass: 'hoverClass'}"></div>

JS:

$scope.startCallback = function(event, ui) { 
    console.log('You started draggin'); 
}; 

$scope.stopCallback = function(event, ui) { 
    console.log('Why did you stop draggin me?'); 
}; 

$scope.dragCallback = function(event, ui) { 
    console.log('hey, look I`m flying'); 
}; 

$scope.dropCallback = function(event, ui) { 
    console.log('hey, doneeeeeee'); 
}; 

$scope.overCallback = function(event, ui) { 
    console.log('Look, I`m over you'); 
}; 

$scope.outCallback = function(event, ui) { 
    console.log('I`m not, hehe'); 
};

Każda pomoc będzie mile widziane. dzięki.

Aktualizacja:

ja nie otrzymuję żadnych błędów w konsoli kiedy spadła: enter image description here

Źródło

2013-09-08 Varand Pezeshkian

Odpowiedź szukasz: Wymagana jest ngModel. Rozwiązywanie szczegóły poniżej ...

kombinacja opcji rzucają trochę dziwny błąd Syntax Error: Token '=' implies assignment but [undefined ] can not be assigned to at column 11 of the expression [undefined = __dragItem] starting at [= __dragItem].

począwszy od świeżych przykład onDrop robi rzeczywiście praca: http://jsfiddle.net/HsNRS/

Jeśli rozbicie go do niczego, nadal wyrzuca błąd: http://jsfiddle.net/RWgX9/1/

myślę ngModel może być wymagane, ponieważ jak najszybciej je dodać, błąd odchodzi: http://jsfiddle.net/RWgX9/2/

i dodanie go z powrotem do oryginalnego kodu wydaje się działać teraz: http://jsfiddle.net/RWgX9/3/

działać tak jak widzę hey, doneeeeeee w konsoli ... nie wiem, co twoim celem jest z UI choć.

Źródło

2013-09-08 04:27:07 Langdon

OMG to workedddddd ... Nie wiem jak ci dziękować, proszę pana. to bardzo dziwne, że nie dostaję żadnego błędu po upadku. sprawdź moje pytanie, opublikowałem migawkę konsoli bez żadnego błędu. Wielkie dzięki. –

Oznacza to, że mimo iż nie wiążę żadnego modelu z moją listą, nadal muszę zadeklarować model fikcyjny? –

Wygląda na to, że ngModel jest wymagany, co jest dość dziwne. – Langdon

Miał ten sam problem, ale użył modelu ng. Zajęło mi to kilka godzin, aby zdać sobie sprawę, że z jakiegoś powodu korzystałem ze starej wersji kanciastej (1.0.1) i że właśnie z tego powodu onDrop nie działał, gdy robił to program. Może to jest przydatne dla kogoś.

Źródło

2015-05-02 10:38:15 Paflow

angularjs przeciągnij i upuść plugin drop issue

Odpowiedz

Powiązane problemy