Giter Site home page Giter Site logo

Comments (7)

rniemeyer avatar rniemeyer commented on July 18, 2024

Hi Chris-
I'll take a look at this one. Is there a specific scenario that you are trying to handle? The afterMove and beforeMove handlers do still get called for draggables, so I wanted to see if maybe they were appropriate for your situation.

Thanks!

from knockout-sortable.

79it avatar 79it commented on July 18, 2024

I needed a way to distinguish between an being item moved in the sortable and a new item being added from a draggable - the processing needs to be different - setting up computed observables etc, updating the server etc.

By adding in the afterReceive callback as above I can handle my situation without needing to add anything else specific to the knockout-sortable code.

I found I could do this with the afterMove but it felt more like a hack where I have to test to see if the item was new or not - afterReceive was just much cleaner and enabled me to nicely tidy up my code.

Chris

from knockout-sortable.

rniemeyer avatar rniemeyer commented on July 18, 2024

OK- thanks for the explanation. I will look at getting this into the library.

from knockout-sortable.

rniemeyer avatar rniemeyer commented on July 18, 2024

I added a new callback called dragged. The afterReceive event is triggered for both items that are dragged from a draggable or from another sortable list. I wanted this callback to be specific to dragged items. The callback is provided the dragItem, event, and ui objects. If the function returns a value, then it will be used as the dragItem, which could be used as an alternative to providing a clone function on the object.

from knockout-sortable.

josx avatar josx commented on July 18, 2024

Do you have an example of using it? I cant use dragged callback.

from knockout-sortable.

rniemeyer avatar rniemeyer commented on July 18, 2024

@josx - the dragged callback is specified on a sortable binding like:

<div data-bind="sortable: { data: items, dragged: onDraggedItemDropped }"></div>

Here is a sample: http://jsfiddle.net/rniemeyer/Lpazw/

from knockout-sortable.

josx avatar josx commented on July 18, 2024

Thanks a lot :)

from knockout-sortable.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.