3,407 questions
0
votes
0
answers
55
views
Jquery sortable grid with different height boxes
I want to make a jquery sortable dashboard for my users. The dashboard has blocks with different sizes. However if I move small blocks on the right of a big block, they sort correct, but the other ...
0
votes
1
answer
54
views
Jquery-ui sortable's placeholder stuck at the top
I have a problem with jquery-ui sortable's placeholder.
I'm trying to sort a collection of div and add a placeholder of where it would drop it.
Currently it seems like the placeholder is "stuck&...
0
votes
1
answer
55
views
Sortable toArray() occasionally creates list with a duplicate at the end
I want to use a form to let users rank a list of items and store the ranking in a form field called ranking. I am using "Sortable" to and "toArray" for this:
<ul id="items&...
0
votes
0
answers
43
views
Drag and drop of rows not working in ASP.NET MVC view
I want to be able to implement drag and drop on this page meaning I should be able to rearrange the rows as I want. This is not working for me. I am not able to drag the rows around. This is an ASP....
1
vote
0
answers
53
views
Get JQuery to give me the elements of an array from a list
I have an unodered list which uses JQuery to reorder the list. Each list item is made up of several parts:-
switch ($categ) {
case 'P':
$p1 = 'C';
$p2 = 'E';
break;
...
1
vote
1
answer
75
views
jQuery index returns -1 when dragging multiple items
I have two tables and I am able to drag and drop multiple elements using sortable. My problem is that when I drag items from table2 sometimes in table1, ui.item.index() returns -1.
After some tests I ...
1
vote
1
answer
100
views
Detect the table where the sortable item comes from
I have two tables where I can drag and drop items between tables and drag and drop items within the same table. I want to detect the table from which the item is coming.
Receive event only fires when ...
0
votes
1
answer
78
views
Jquery ui sortable table row with specific static column
I have a problem with jquery sortable on table. My table goes like this:
<table>
<thead>
<th>Number</th>
<th>Text</th>
<th>Order</th>
</...
0
votes
1
answer
37
views
How to create a reactive Ranklist that changes with an action button?
I want to create a number of boxes that increases when the user click an action button.
I tried to create a counter, initialized it on 1 and linked it to an action button. When I try to use the ...
2
votes
2
answers
144
views
Jquery ui sortable - Programmatically move each pawn to it's own position
I've been trying to make a simple grid system with pawns (chess-like) for my dungeons and dragons sessions using jquery sortable. I am using laravel with blade for a project.
So in the code below, (...
0
votes
1
answer
320
views
symfony 6 sortable row with sortable.js
In my view I have
<table class="table table-striped bg-white table-sm">
<thead>
<tr>
<th scope="col">Název</th>
...
0
votes
2
answers
197
views
Trying to create date range filter in my pysimplegui table
first of all wishing all of you successful 2024 year!
Im trying to create a date range sortable filter in my PySimpleGUI table app, but unfortunately im getting this error all the time:
Traceback (...
0
votes
0
answers
35
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
1
answer
92
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 ...
-1
votes
1
answer
75
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
2
answers
164
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
2
answers
870
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
52
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
697
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
78
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, ...
1
vote
1
answer
344
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
523
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
60
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
164
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 ...
1
vote
1
answer
89
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, ...
1
vote
2
answers
229
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
105
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
1
answer
76
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 ...
1
vote
1
answer
200
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
1
answer
331
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
61
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
87
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
141
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
38
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
550
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
1
answer
834
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
92
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
71
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
212
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
517
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
72
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
54
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
220
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
80
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
82
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
63
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
2k
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',
...
0
votes
1
answer
418
views
jQuery UI sortable dynamic target not working
I have two tables in my html. The first is loaded on page load, the second is generated on button click.
My sortable function does not apply to the generated table.
Can you explain why?
Here is my ...
1
vote
0
answers
54
views
Links are not working in Sortable container (in Android )
In the image below is my sortable container and individual image can be dragged and dropped to sort. But the action links(icons) in the box are not working on the android browser because of the Js. ...
0
votes
1
answer
108
views
Unable to remove items after dragging them on dynamically created list
I created a field editor where you can create several blocks via drag & drop and they are cloned, because you can use as much blocks as you want. Then there is the chance to put in fields from a ...