Has anyone worked on Ext JS here, I need help to resolve an issue.
There are two multiselects Component, and I need to drag and drop items from one multiselect to another.
The issue I am facing is: I am able to drag from One MultiSelect(1st) and drop to another MultiSelect(2nd) only when I am dropping over an already existing element in 2nd MultiSelect.
I am not able to drop to 2nd MultiSelect when I try to drop over an empty space.
I tried to look at the code, but didn't found anything. Is this the way the MultiSelect component works in Ext JS.
Related
I've been researching a way to drag and drop list items and found a few like React Beautiful DND and React Draggable, but what I want is to drag and drop a list item over another and create a nested list with both list items inside is there a package that does that or should I use one of those packages and implement the logic my self
I stumbled upon your question and I have made a very basic npm package which might solve what you are asking for. This package implements basic drag and drop functionality with events on drag and on drop only (no logic for actually moving the elements). Maybe it helps you. Here is a link to the repository with example code:
https://github.com/githubjonas/react-tiny-drag-drop
you can use sortableJs for a nested list here its reference link:
https://sortablejs.github.io/Sortable/#nested
I am working on drag drop functionality where one can drag node from list A(source) and drop to list B(destination).
I am facing problem of when once dragged and dropped first node and opens model on-click, I have to set some question within ng-repeat.
But when i am dropping same type of question, then values set to previous one is remains to newly dropped question's model.
How i can avoid such a problem?
I am using this ui-tree example for drag and drop.
Following image is snapshot of it?
https://i.stack.imgur.com/jIJsQ.png][2]
Please share your opinion!
Think my database have 6 fields. I only show 4 fields and it's data in grid using kendo UI.
I also add toolbar to that grid(Buttons that add and edit for data). When I click that Edit button the iframe only show that 4 fields that show in the grid. But I need to add extra field to that iframe. So is that can do in kendo UI ???
If can someone suggest a way to do that ??
I also using AngularJS to this project...
Finally I found the answer for this.....
I feel that I had search a wrong way..
The answer in here ...Answer
I just started learning AngularJS and its really been a nice ride until now.
I am trying to implement a drag drop feature on the table cell.
I tried with all existing directives on drag drop but i couldn't figure it on the table cells.
I am assuming multiple directives are involved in here (eg: sortable for rows, drag drop directive)?
Do i need to create a new directive which does all the functions or can i use all the directives on top a table.
Can some one please throw some light on it?
I have a problem with extjs gridpanel dragdrop.
the scenario is as follows:
The gridpanel is initially rendered by loading a remote store.
Then, the rows are added, updated dynamically.
Drag drop feature is implemented on "render" event of gridpanel.
Drag drop works fine for the originally retrieved rows from the remote store.
but when i try to use drag drop for the newly added or edited rows, it doesn't work.
I am getting the following error on firebug:
Index or size is negative or greater than the allowed amount" code: "1
This is may be because , the newly added rows are not taken as a part of the store . I tried changing the event to "click" but it doesnt work that way..
Please please suggest a solution for this fast.. Its needed urgently.
Thanks,
Shreya.
I know 2 methods for drag and drop in ext, one of them is only for grid rows, the other one that I'm using is with setting dragzones and dropzones. With that method, the only thing you have to do is catch an event which is fired when you add new rows to the grid. In that event, set every new row to be a dragzone (so it can be dragged). That's what I did in a similar situation. Hope this helps..
By the way grid rows don't have a .el (DOM element attached to the Ext component, which is the row in this case). So you'll have to create a div for each row component and then use the initializeDropZone(row[x]), where row[x] is the new added row.