Questions tagged [jquery-ui-sortable]
The jQuery UI Sortable plugin makes selected elements sortable by dragging with the mouse.
3,425
questions
0
votes
0
answers
31
views
sending mutiple arrays with ajax and updating SQL from sortable connected lists
I have been struggling with sending 3 arrays to a PHP update script with ajax. The goal is to have three lists on the page (employee, manager, admn) and when the user drags an item from one list to ...
0
votes
0
answers
23
views
Text Search in Sortable R
Is there any way to include text search option in add_rank_list from sortable package in R? Image below, for example we have a long list of items, any way we can include a text search that can help to ...
0
votes
0
answers
34
views
Googleway map does not update when using a dynamic bucketlist in r shiny
I am building an r shiny application that uses sortable bucketlists and googleway maps to show airports by state. When first run, the user can drag an airport from one bucketlist to the other and ...
0
votes
0
answers
26
views
want to implement auto horizontal scrolling functionality in my kanban board
I want to make a kanban board which having multiple column in each column list of cards and I want to be able to move cards between columns or sort in an specific column. All things works good. But ...
0
votes
1
answer
24
views
Vue Destroy Sortable Element
Summary
Create Panel, and add Layers to panel. When trying to delete a layer
the last layer in the panel is deleted, instead of the layer item
selected for destruction.
Full Issue:
Understanding ...
0
votes
1
answer
58
views
sort list by number of characters in title
This is an exercise from the book "Learn jQuery 3".
I need to change the code so when i click on the title title the books are sorted by number of characters in the title not alphabetically ...
0
votes
0
answers
14
views
asp.net and jquery ui sortable, mantain order of elements after button click
in the header I have this javascript code:
<script>
$(function () {
$("#sortable").sortable();
$("#sortable").disableSelection();
});
function ...
0
votes
2
answers
72
views
jQuery UI sortable with body zoom not working, Not calculating drag and drop area correctly
I am trying to jQuery UI sortable work with zoom CSS property on body. But it's not allowing me to drag and drop correctly on the right position.
Drag only working with half area, if user try to drag ...
0
votes
0
answers
32
views
Jquery UI dynamic create droppable area
I try to make multi droppable area (JQueryUI). Not work append droppable area after page load. My purpose create dynamic droppable new area (one or one more).
example
droppable-area in droppable-area ...
0
votes
2
answers
121
views
Kyslik/column-sortable in laravel 10
I have project in laravel 10 with kyslik/column-sortable.
When I get route:
Route::get("/test", [searchEngineController::class, 'sort']);
and in searchEngineController::sort:
public ...
0
votes
1
answer
31
views
Is it possible to "pause" a drop event when sorting to ask a user a question (jquery-ui sortable)?
I am working on a project which uses the jquery-ui sortable widget.
Under certain circumstance, I need to ask the user a question that relates to the sort, then the update callback will behave ...
1
vote
0
answers
171
views
how can i freely sort cards in drag and drop layout - jquery bootstrap - where multiple cards can be placed in one row across multiple columns
i want to have drag and drop sortable layout for my bootstrap cards. i did dowith sortable jquery plugin but it is draging and droping in a row. i want that if i have card 1 that is bigger height col-...
0
votes
1
answer
44
views
how to delete specific image using jquery in sortable jquery
I have an image section in html, where images are shown as grid and user can drag and rearrange, according to the rerrangement the image names are stored in the hidden input box, this is working fine, ...
0
votes
1
answer
49
views
how to get position of Draggable element relative to Droppable that isOver? in Sortable too
IMAGE
What I want to achieve:
when draggable element is over a droppable, I want to know how far away my mouse is from center/top border/ bottom border of that droppable. For example:
if proximity of ...
0
votes
0
answers
229
views
How to customize the dynamic table produced by streamlit?
I would like to use the dynamic table in Streamlit for data analysis as it has a good feature of sorting tables by clicking on the table header. however, the font size of this table is too small to ...
0
votes
0
answers
104
views
stramlit table produced with df.to_html
Looking for solution to sort a table produced with df.to_html in streamlit. I know streamlit can produce dynamically sortable table only if we don't use df.to_html but due to some reason I am bound to ...
0
votes
0
answers
28
views
Flask, sqlalchemy, jinja2, Jquery: Adding same item to cart displays title only for last item, the rest are blank
I have three tables. User, listitem and Song. User and listitem have Many-to-Many relationship with a table songcart. and listitem has one to many relationship with Song. whenever I add a listitem to ...
0
votes
1
answer
46
views
Exchange positions instead of resorting every element with Jquery ui sortable plugin
I'm using the Jquery UI sortable plugin for sorting a layout of avatars.
And when you sort with this plugin you change the position of every element, if you drop the first element on the fourth place ...
0
votes
0
answers
23
views
Multiple draggable/sortable elements with the same class
I have a template (simplified version below) that's using divs to look like a table. I am looking for a solution that allows to drag the whole 'column' - all 'cells' with the same class and rearrange ...
1
vote
1
answer
50
views
Cannot add sortable::rank_list() inside of a shinyalert or modal
I am trying to add a rank_list from the sortable library in a Shiny application. This seems to work fine if the input is in the fluid page part of the UI. When I add it to a shinyalert() or a modal, ...
0
votes
0
answers
20
views
Jquery Sortable allow items dragged into two groups of 2 maximum
sortable list
I am trying to allow people to choose only two items from a list, but be able to do it twice. The dragged list items can even be repeated.
The code i have drops two in, then disables ...
1
vote
2
answers
108
views
Queries related to jQuery UI Sortable connected list. Clone Item only once
I have two connected lists - Child list and Parent list.
Child list will always be a subset of the parent list.
Below are the two requirements for which I need help:
I want to copy data from parent ...
1
vote
1
answer
82
views
Renaming and sorting columns of a dataset using the sortable package in Shiny
I have been following the solution provided in this post to update the names and column order of a dataset in a Shiny app. The original solution used a dummy dataset, but now I want to extend this ...
0
votes
0
answers
14
views
Is there a way to use macro for demo of the jQuery UI sortable
I have created jQuery UI sortable elements. Now I wonder if its possible create a small macro that move these elements around to demo for the user. Like selecting on element then drag and drop that ...
0
votes
1
answer
60
views
How to save to the database column one items that are dragged and dropped to another column?
So what I would like to do is having column one where data shown from database, and this data can be dragged and dropped to column two, finally data in column two can be save to another table in the ...
0
votes
0
answers
447
views
How to add horizontal scroll in kanban board that made using jQuery-UI sortable
I created a kanban board using Ruby on Rails and jQuery-ui sortable. In this kanban board user can drag and drop tickets into individual columns according to its status.
Screenshot:
I want vertical ...
1
vote
1
answer
176
views
adding custom class by row in RShiny using jQuery
This question is just an extention of this question
The following code consists of two containers or divs or bucket_lists from the sortable R package and each bucket_list consists of two add_rank_list ...
0
votes
0
answers
62
views
Updating the model with angular-ui / ui-sortable
I have a problem of obtaining new positions of elements.
My html is:
<ul class="items" ui-sortable="sortableOptions" data-ng-model="items">
<...
0
votes
0
answers
22
views
How do I know if a sortablejs div is over another sortablejs div?
Problem Statement:
I want to make a sortable list where you can (obviously) sort its items. I want to make it nestable. So a Todo can have nested Todos. One solution is to have an empty div sortable ...
0
votes
1
answer
122
views
How to get the dropped element in a jquery sortable list [duplicate]
I have two unordered lists, and I want to be able to drag copies of any element in the first list, to a new second list. When the item is dropped, I want to access that element, in order to add it to ...
1
vote
0
answers
53
views
Only checked li should move at a time with sortable
I've a list of items and with this I've give checkbox. I've use sortable function of jQuery for drag & drop that item. When I check item only that item should be move at a time how could I do this ...
-1
votes
1
answer
70
views
JQuery .each() Function assigning the same ID for children elements (not iterating?)
I am trying to iterate through a list of children elements and pass their encrypted IDs via AJAX to my controller to update display order on drop using jQuery Sortable. jQuery is selecting the correct ...
0
votes
1
answer
98
views
JQuery sortable moving rows having different heights
I got a table with 3 rows on which I enable sorting like this:
$('#table').sortable( {
items: '> tbody > tr',
handle: 'td:not(.no-drag)',
cursor: 'pointer'...
0
votes
1
answer
27
views
Jquery sortable not sorting 2 items, one of which is set not draggable
I got a table with 2 rows:
<table id='table'>
<tr class="no-drag"><td>row 1</td></tr>
<tr class="sortable"><td>row 2</td>&...
0
votes
1
answer
280
views
ASP.NET Core MVC - VIew is not updated correctly - Ajax?
I have an ASP.NET Core 6 MVC application.
On one page I have a table; I want to support drag'n'drop for its rows. Afterwards the User is able to click on "Submit" and make the changes ...
0
votes
0
answers
30
views
What can i do for Pagination infer arguments error
`Hi i am using pagination to display data but i got an error showing cannot infer arguments ...can anyone help me through it.Thanks in advance
<sub>```
private Paginator<OrganizationInfo> ...
0
votes
0
answers
133
views
I want to change jquery-ui sortable code into sortableJS with stimulus how can I do it
all_request.js.erb
$(function () {
$( ".kanban-card, .sub-card, .kanban-card .sub-tickets" ).sortable({
connectWith: ".kanban-card",
cancel: ".main_ticket",
...
0
votes
1
answer
340
views
Issues using jQuery UI Sortable with Bootstrap 5 responsive page
Has anyone used the jQuery UI Sortable widget on a Bootstrap 5 responsive page?
My page has a series of <div class="col-lg-6"> elements, so it shows two per row.
The sorting works. But ...
0
votes
1
answer
266
views
How can I make Woocommerce cart items sortable using drag and drop?
I use mPdf to create pdf's of the items in my woocommerce cart and I need a way to sort the items in the cart table using drag and drop and also output the new order of the items as $cart_contents for ...
0
votes
1
answer
52
views
Jquery sortable, connectWith, find receiving container
I am building a sortable where items can be dragged among day containers. The number of days will vary. When an item is dragged from one day to another, I am trying to get the container of the new day....
0
votes
1
answer
45
views
How can I make dynamic JQueryUI elements sortable and resizable?
In my JQueryUI test of resizable and sortable elements when I attempt to add objects dynamically, it loses its ability to be resized. It works well when it is statically included in the HTML DOM.
HTML
...
1
vote
1
answer
39
views
How to avoid a draggable element to be dropped in a certain sortable location in jquery?
I have a page where two drag and drop functionalities are working. Suppose A and B are draggable components and C and D are droppable regions. But I have to restrict A being dropped in location D ...
1
vote
1
answer
428
views
Jquery UI sortable not working for appended rows
I am trying to use jQuery UI to make a sortable table. It is working fine for the rows already added before the page load. However, I also have function to let users to add new rows, if they need.
...
0
votes
0
answers
61
views
JQuery Droppable in Drop-Function wait until Button is klicked
i use sortable's & Droppables to receive elements from a draggable list. As soon as the update function is executed a modal opens. I want to achieve that the update function is interrupted and ...
0
votes
1
answer
38
views
To see which id's data drag and drop in multiconnect operation in jquery sortable
I am doing sorting with jquery ui's sortable function. I have a problem. Anyone can help me?
for example, when I take a li from #sortable2 and move it to #sortable1, I want to assign the value 0 to ...
0
votes
1
answer
191
views
alert button for drag and drop table rows without saving not appearing
I have a table which I have made sortable(rows can be dragged and dropped using jquery) , I want that if the user drags and drops the rows and forgets to click on update button and tries to navigate ...
0
votes
1
answer
66
views
How to put alert ,if rows are dragged and dropped and update button is not clicked?
I have a table whose rows are made draggable using sortable property as mentioned below.
<script type="text/javascript">
$(function () {
$("#tblLookup1 tbody")....
1
vote
0
answers
71
views
JQuery UI Sortable - Grab shift when zooming
I was trying to use JQuery UI Sortable plugin for multiple tables. The idea was to grab and drop elements in cells of a table, by connecting all <td> tags with this plugin.
It looks like this: ...
0
votes
0
answers
47
views
How to send data of a jquery table to sql
I have a jquery table with property set to sortable( I can drag and drop rows),
<script type="text/javascript">
$(function () {
$("#tblLookup1 tbody").sortable({
...
0
votes
1
answer
966
views
How to Update order in sql of Jquery table after dragging and dropping
I have a jquery table , which I have made sortable( can drag and drop items) using below code.
$("#tblLookup1 tbody").sortable({
items: 'tr',
cursor: 'pointer',
...