I'm using react-select v2 plugin for my select box and as I have multiple selections possibility enabled. I need to use drag and drop to switch order of the selected values.
Have you ever create feature like this, any idea?
Thanks in advance
You will probably have to improve the rendered options with drag&drop feature.
You can check the excellent react-dnd library for that. They propose some React higher-order components that are easy to use if you are already familiar with common React patterns.
Related
this is my first question here. As the title says, i'd like to know if is there a way to create a dnd grid using react beautiful-dnd library. I've already found out that the library supports vertical and horizontal dnd, and i've already tried both, but what about if i mix the 2 things? Is it possible?
Thanks in advance
Yes, using react-beautiful-dnd npm you can create vertical and horizontal dnd
Here example dnd react-beautiful-dnd
Here is source code of github example react-beautiful-dnd
I am looking to implement a sortable (ordering) drag and drop between columns as well as in column. I looked all over internet to find any example that does not use a library for it. I'd love to implement it in VueJS, however, any examples are welcome.
It should basically function like JIRA, where you have TODO and IN PROGRESS columns for example, you can order them by priority in the column itself, or move it to another column.
The reason, why I do not want to use any library is because I want to build my own complex functionalities. I also do not wanna fork existing github libraries to modify them. I'd love any suggestions!
Doing a simple search with the following keywords: creating drag and drop feature "without" library javascript pure I was able to find this links:
Building drag and drop feature in react for react applications
Building drag and drop feature with pure javascript
Useful tip
If you don't know surrounding some keyword in a google search with quotes forces google to only show results with that word in specific
I am facing difficulty reordering the child node of wijtree. I used drag and drop feature to apply order. The drag and drop is not that much efficient. Sometimes it fails to drag the item in to right place. can anyone provide an efficient way to implement drag and drop feature and reorder using wijtree.
i have seen an example of third party js plugin which provides a drag and drop solution. I need a similar or better solution using wij tree.
Thanks much.
Here is the link of that third party plugin:
http://dragsort.codeplex.com/SourceControl/latest
Can you elaborate more on the exact error/issue you are facing on using drag n drop feature of WijTree. I tried the following demo and it works properly at my end:
http://wijmo.com/demo/explore/?widget=Tree&sample=Drag%20&%20Drop
Moreover, is there any specific browser in which this issue occurs ?
Regards
I want to be able to drag and drop files into different places in the page to mean different things. I am already using jQuery UI's drag and drop interface and it would be nice if I could integrate that somehow with the file interface. Does anyone know of a plugin that does this?
Have you given a look to "elfinder"? Not only provides drag and drop but all sorts of features (permissions, filters, upload, remove, rename).
http://elfinder.org/
Hope it helps.
-JJ
I need to make a combo box in my form to be editable and capable to search the input text through the values of the combo box (like autocomplete way).
What's the simplest way to obtain this?
If you aren't already using any framework that provides this component (i.e. YUI), this component might be useful to you: dhtmlxCombo
You can take a look at Dojo's ComboBox.
It has all the features you require and more.
I am searching for it myself. One of the solutions I've found is jQuery UI's autocomplete. Seems to be very flexible and well documented. See http://jqueryui.com/autocomplete/#combobox for example.