2013-08-05 24 views
6

Bu plugin Angular ile kullanıyorum. Belgelemede,Angular.js açısal-dragdrop özel geri arama işlevi bulunamadı

ondrop geri arama yöntemi sürüklenebilir yüzden (ilgili bölümü ondrop = "myCallback" dir böyle kullanmaya çalıştı droppable

içine düştü edilir çağrılacak söylüyor):

:

<div class="thumbnail" data-drop="true" 
     onDrop="myCallback" ng-model='list1' 
     data-jqyoui-options="optionsList1" 
     jqyoui-droppable="{multiple:true}"> 
    <div class="caption"> 
     <div class="btn btn-info btn-draggable" 
       ng-repeat="item in list1" 
       ng-show="item.title" 
       data-drag="{{item.drag}}" 
       data-jqyoui-options="{revert: 'invalid'}" 
       ng-model="list1" jqyoui-draggable="{index: {{$index}},animate:true}">     
     {{item.title}} 
     </div> 
    </div> 
</div> 

böylece gibi kapsamına işlev tanımlanmış Eğer Plunker görebileceğiniz gibi

http://plnkr.co/edit/kiYrIU?p=preview

, bu (belki kapsamına bakmıyor?) Herhangi bir nedenle geri çağırma işlevi bulunmazsa, çalışmaz.

onDrop="myCallback(event, ui)" veya onDrop="myCallback" vb. Gibi birden fazla varyasyonunu denedim. Bunlardan hiçbiri işe yaramadı.

Bu bir hata mı, yoksa doğru kullanmadım mı?

Şimdiden teşekkürler.

cevap

10

Gördüğünüz örneklere göre yanlış yaptığınızı görüyorsunuz.

Ama bu @ bak: = "{ 'myCallback', ... ..., ondrop}"

  1. onDrop geri arama jqyoui-droppable

    belirtilmelidir jqyoui-droppable daha eksiksiz bir kodu için here

    Çözüm

    Plunkr

    Lil hata olsa da, ilk 2 öğe ve başka bir şey düşer ama bu yolda size yardımcı olmalıdır. Güncelleme: Sadece üzerinde bir limitin olduğunu fark ettim, aptalca. Bu durumda,

    çözüldü.
İlgili konular