Implementing an interface for mobile app using jQuery, jQuery-UI and jquery.event.ue.
The sortable widget seems to be hardcoded for items to be sorted on the mousedown/tap event, but I would instead like the sorting to be triggered by the "uheld.uheld" event from jquery.event.ue.
The effect I want from the user's point of view is that a mousedown/tap can scroll the list of items, but a tap-and-hold initiates Sortable's sorting mode.
I've read and Googled quite a bit and haven't found a way to override these embedded event triggers. Can anyone point me in the right direction?
As far as i know there is no way to override this events in jquery sortable. But If I understand you correctly you should be able to achieve what u want with "Sortable". You can check "Jquery Draggable" too. Maybe it will help you to find o correct solution for your problem.
If you will have still problems maybe provide some code for us. It will help to find a different solution than overriding event triggers.
Related
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'm trying to create a multi-leveled list that is sortable by drag and drop. The user can grab an element and move it up and down the tree or drop it into other elements and have it become a child.
Are there off the shelf JS solutions? The jQuery sortable/draggable worked fine for a single level list but less so on nested solutions.
You can also try https://github.com/dbushell/Nestable (demo: http://dbushell.github.io/Nestable/).
Works with mouse and touch and this plugin is compatible with jQuery and Zepto.
I am using johnny's jquery-sortable plugin, which can be found here http://johnny.github.io/jquery-sortable.
It seems to work pretty well.
I was also trying to get it to send back the sorted structure of the list via AJAX. See this topic if you want to see my working solution, as the official documentation on serialization seemed slightly unsatisfactory (at least for nested lists).
Hope this is helpful.
So while you can use https://github.com/dbushell/Nestable or http://johnny.github.io/jquery-sortable
You probably want to move to something like React these days so you can use packages like this: https://www.npmjs.com/package/react-drag-sortable
Try not to use jQuery for this sort of thing any more. By the time you have drag/drop interfaces you have the makings of a webapp, not a web page, and you're going the wrong direction.
I have came to see a package named react-nestable and it works to create nested drag and drop. I am putting a link for that package below - react-nestable npm
Did someone knows a way to make events in fullCalendar resizable horizontally ??
I was searching about it but I haven't found anything.
Can anyone help me ?
I think what you're looking for is a Google calendar style, not? In that case, take a look at this project: https://github.com/themouette/jquery-week-calendar I've been using it and is very stable and active.
So, recently I have been trying to build a user interface form builder that is almost entirely drag and drop. Kind of like Dreamweaver or visual studios I suppose. You guys can see it for yourselves HERE! I am trying to get a right-click menu thing going, however upon getting this working, I realized that it really conflicted with both the draggable and resizable methods. I don't have to right click at all, however when I go to resize or drag, it won't let me stop it. My cursor gets stuck either resizing or dragging, and requires vigorous clicking and shaking to free it. So, I'm assuming that I need a different plugin. Does anybody know of a stress free simple right-click menu that is hopefully compatible with jquery ui? I've tried google but most of them are simply a different version of the one I've already been using.
My second question is much more vague. As I previously mentioned, I'm trying to make a form builder. I'm wondering what the best way to go about this is as I feel sort of lost. My biggest problems right now are figuring out how I'm going to parse everything into code and export it. Does anybody know of anyone else who has attempted this or something similar? Is there any sort of guide?
I know the second questions has potential to be rather annoying, so feel free to only focus on the first one. Any help is appreciated, and I thank everybody who helps me.
EDIT: Just realized that you guys may not know how to use the builder. So far, all you can do is drag panels out onto the building space, and then drag tables within the panels. You can resize the building space, and panels vertically, and you can resize tables both vertically and horizontally. You can move panels and tables within their parent elements. Right click a panel or table for the contextmenu.
EDIT: So I think I found a context menu that will suffice, here it is. So, I guess that only leaves giving me advice on how to go about constructing this form builder.
I have a game that requires you to click on an object to collect prizes, but instead of giving my user carpel tunnel I want to create an autoroller. I have some code done already but I can't get it to work. If there is anyone out there that would be able to help me get this code working, it would be greatly appreciated.
Since you didn't give a very specific description of your problem, I'll give you a somewhat vague answer. However, you may find it helpful:
When the user clicks on the object to collect prizes, bind the window.scrollTo() method to the document's mousemove event.
Each time the mousemove event is fired, it can kick off the scrollTo event.
Look for changes in the y parameter, and scroll + or -
I don't actually recommend creating this behavior, though (in terms of usability). You may want to think of a better way to layout the prize selection so it is more intuitive to the user.
MooTools has an autoscroller, as does jQuery.