Add variables back into an array

Question

I'm using the dragula library to create a drag and drop interaction.

Each time an item is dropped, the following code fires:

dragula([$("#left").get(0)])
.on("dragend", function(el, target, src) {
items = []; // reset items
$(".item").each(function(idx, item) {
items.push($(item).text());
});

This gets the text from the items and adds it to an array.

All good. This part works great.

Now, if I change the value of the variables in the array, how can I push this change back to the dragula interaction so the order of the items matches the array?

Thanks!

Access item from array using index and manipulate it..You are not suppose to extract and push it back.. — Rayon
– Rayon, Commented May 30, 2016 at 4:11

Tirthraj Barot · Accepted Answer · 2016-05-30 05:28:42Z

1

I just refered your code and edited this function such that you can get the source of each div that is being dragged. You shouldn't extract each element to edit them and then push it again.. instead you shall get that element through index or as the function below. That will keep things simple.

dragula([$("#left").get(0)])
.on("dragend", function(el, target, src) {
    items = []; // reset items
  var itemname = el.innerHTML;
  el.innerHTML = itemname+"<span>New Item </span>";
    console.log(el);
//  $(".item").each(function(idx, item) {
  //    items.push($(item).text());
  //});

  //console.log(items);

});

answered May 30, 2016 at 5:28

Tirthraj Barot

2,6792 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Matt Over a year ago

Thank you so much for helping Tirthraj. I think I might be over complicating things. After the drag and drop adds the values to the array, they are then split into separate variables and passed to the parent window. What I then need to do is get the updated variables value back from the parent window into the appropriate divs. Does that make sense?

Tirthraj Barot Over a year ago

Yes it does but still don't take the element out of the array and push it back.. You shall do the whole operation on the same element without disturbing its index in array.. This will not only simplify your code but also allow you to do something else to the element.. I mean styling or anything else if you need to.

Matt Over a year ago

Okay, excellent. My lack of JavaScript knowledge is making this a lot harder than it needs to be. Thanks for your patience. I'll spend some time later trying to implement this and will comment back here if (or should I say when!) I run into issues. Once again, I really appreciate your help.

Tirthraj Barot Over a year ago

Nope.. I would be happy if you mark my answer as correct if you got proper help from me.

Matt Over a year ago

Of course Tirthraj, I'll come back and mark your answer as correct after I've had some time to implement it. Thanks,

Collectives™ on Stack Overflow

Add variables back into an array

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related