46 questions
0
votes
1
answer
277
views
How to conditionally prevent drop item using ui-sortable in AngularJs between two lists?
i have two lists connected with ui-sortable. My problem is: if an element of the right list (rightModel) has the class 'sorted-list--unsortable', i want to prevent the drop on left list, but continue ...
1
vote
1
answer
481
views
UI-Sortable is not working with dynamic Angular Datatables
I am using Angular DataTables in my application and created a dynamic table with nested rows and trying to add sortable functionality on parent rows. I have tried to add ui-sortable but not working.
...
1
vote
0
answers
103
views
Angularjs sortable Cannot read property 'ngModel' of null
I'm trying to use sortable in angularjs for drag and drop cards but I have some issue with ngModel Of null how can I fix that?
Lists is array of arrays of objects
and stages is array of objects
&...
0
votes
1
answer
437
views
ui-sortable acting strange with ng-model
In my AngularJS application I created a ui-sortable with a list. When I try to order the list different, it is acting stange. Without a ng-model I do not have this problem, but ui-sortable requires to ...
0
votes
1
answer
827
views
Angular ui sortable: can't drag correctly in nested items
Hi I've implemented nested sortable items setup in surveys module in my project. i.e. I can sort Individual questions AND I can create an empty group, drop a single question into it and like this I ...
-2
votes
1
answer
125
views
how to muliselect[at least two adjacent] items without manually pressing ctrl key and sort them with the rest of the items list?
well iam working on sortable angular ui-sortable plugin
https://github.com/angular-ui/ui-sortable
my goal :-muliselect item and sort them simultaneously.
well that can be done with muliselect ...
0
votes
1
answer
435
views
Kendo sortable handler with angularjs
I want to use handler feature in my list which is kendo sortable.
handler: https://demos.telerik.com/kendo-ui/sortable/handlers
angular kendo sortable:
https://demos.telerik.com/kendo-ui/sortable/...
1
vote
1
answer
429
views
Can't drag children with angular ui-sortable after converting the row content to directive
I have list of rows and in each of this row there are cells (children). Both rows, and children can be dragged.
I achieved that with the following code:
<div ui-sortable ng-model="rows">
&...
1
vote
0
answers
84
views
angularjs and requirejs with ui-sortable issue
i have problem requirejs with ui-sortable .
when i use ui-sortable without requirejs it is work for me but use requirejs it is not work and not show error for me .
bellow is my code :
page=>config.js
...
2
votes
2
answers
173
views
angular-ui/ui-sortable : Draggable item shifts to left
Draggable item shifts to left with position:fixed parent container when clicked to drag.
0
votes
0
answers
339
views
Angular UI.Sortable cancelling won't redraw original order
Im using Angular UI.Sortable for ordering list. In the list, the last element is not generated by ng-repeat and it's manually created. This element is not needed to drag. It should remain the same ...
1
vote
1
answer
1k
views
Angularjs ui sortable - Replace content of dropped item
<div ui-sortable="sortableSection" ng-model="mainInputs" class="first">
<div ng-repeat="(i, input) in mainInputs | orderBy: input.type">
<div class="alert alert-success ...
2
votes
0
answers
1k
views
TypeError: element.sortable is not a function with angular-ui-sortable
We are working with a Spring Boot Admin application, more specifically spring-boot-admin-server-ui. SBA library is shipped with a webpacked file called dependencies.js, which includes all the js ...
1
vote
1
answer
674
views
orderBy a field from ng-repeat with ui-sortable
I'm using ui-sortable to do drag and drop between 2 array of objects, and I need to sort the object in the array after drag and drop by the name field.
Here is my code in html file:
<body ng-...
0
votes
1
answer
1k
views
Angular ui-sortable - issue when draggable element comes from the top
I have 2 columns: left and right. The flow is to drag elements from the left column and drop it into the right one.
It works perfectly, but there is a small issue: when draggable element comes to ...
3
votes
1
answer
6k
views
UI Sortable plugin for angular 2
Is there any plugin for angular 2, which can perform ui sorting similar to angular-ui/ui-sortable (angular 1 plugin) (https://github.com/angular-ui/ui-sortable).
2
votes
1
answer
917
views
Angular ui-sortable not working on mobile devices
I'm currently working on an AngularJS app that contains some tests. In some of them I have a list that the user has to order correctly by dragging and dropping.
I'm using angular-ui-sortable to ...
3
votes
0
answers
354
views
AngularJs/ngTable + ui-Sortable => wrong order displayed after reload
i have a problem with reordering item in a table.
i'm using angularJs + ngTable and ui-sortable.
The problem is that the reordered data ist displayed in wrong order after reloading. The data is ...
3
votes
1
answer
3k
views
Uncaught Error: cannot call methods on sortable prior to initialization; attempted to call method 'option'
I am getting this error when trying to use ui-sortable.
jquery-3.1.0.min.js:2 Uncaught Error: cannot call methods on sortable prior to initialization; attempted to call method 'option'
Thanks in ...
1
vote
0
answers
248
views
How to implement ui-sortable with *ngFor in angular 2?
I am implementing ui-sortable to a ul using *nFor to repeat li items using a object which is loaded from a server. I tried doing this using jquery ui but all I an do is just sort html but not object ...
1
vote
1
answer
586
views
Cloning items into connected list that allow duplicates using angular ui-sortable
I am working on drag n drop functionality using angular-ui-sortable. I am using connected list example provided here in GitHub repo.
In list#1 I have list of HTML controls and list#2 is empty. By ...
0
votes
1
answer
581
views
How can I apply Angular and UI-Sortable with to table cells without awkward spacing?
I want a table sortable by column using Angular UI-Sortable. When there are multiple rows in the table, the spacing gets confused. I think this is because the dragged cell and the placeholder are ...
0
votes
1
answer
497
views
Angularjs ui-sortable - _connectedSortables is undefined
I have 2 sortable lists and I'm trying to connect them so that I can drag items from one list to the other. When I drag an item I get an error in sortable.js. callbacks.update is referencing ui.item....
0
votes
1
answer
685
views
How to wait for confirm dialog inside angular ui sortable callback
I am using angular ui sortable to drag and drop items between lists. What I would like to be able to do is (under certain drag/drop conditions) have a confirm dialog and if the user cancels the dialog,...
0
votes
0
answers
219
views
AngularJS UI-Sortable two way binding issue
I hope to explain this in simplest way possible but if something is unclear please let me know.
I'm using AngularJS UI-Sortable for drag and drop functionality on a project. Everything is working ...
1
vote
0
answers
279
views
Angular js & ui sortable
I have nested sortable lists using UI Sortable. The structure is a parent child structure. The parent lists are sortable and the child lists are sortable. Its similar to this: http://jsfiddle.net/...
2
votes
0
answers
1k
views
How to reorder upload files in JavaScript
I am using AngularJS and ui-sortable to reorder images to be uploaded via HTML using the following input:
<input name="userfile[]" type="file" id="userfile" ng-if="charSelected" onchange="angular....
1
vote
2
answers
327
views
Make second div not sortable using angular-ui-sortable
I have implemented sortable option for sorting image positions.
Now i have added option if there are less then 5 images, i wan't another "div" to show up which will be used to add new image.
The ...
2
votes
1
answer
1k
views
angular ui-sortable: Stop click event on drop in Firefox
I'm using angular ui-sortable to order items via drag and drop. The items being sorted also have a click event attached to them. In firefox, dropping one of these items fires the click event. In all ...
2
votes
3
answers
3k
views
angular ui-sortable offset on drag if page scrolled before
I have found that if a page is scrollable, after scroll if intended to drag and drop an item(in order to sort an ng-repeat list) then the dragged element appears with as much offset on the y-axis as ...
0
votes
0
answers
592
views
angular-ui-sortable with bootstrap grid
I have a list of items with different column widths in bootstrap.
The items are getting displayed correctly in their respective columns.
I am trying to add a sorting feature to this items using ...
0
votes
2
answers
2k
views
How to split angular ui-sortable list into two even columns?
I am using angularJS ui-sortable directive to sort my array. The code looks like in example:
<ul ui-sortable ng-model="items">
<li ng-repeat="item in items">{{ item }}</li>
&...
1
vote
0
answers
473
views
Store row index with angular ui-sortable
I'm working on an app built in angular, mongodb, strongloop/loopback framework. User will see a table of expenses, and needs to be able to rearrange (using ui-sortable drag & drop) them into a ...
1
vote
1
answer
2k
views
Sortable not working AngularJS / UI
I'm trying to get my list sortable with AngularUI
plunker:
http://plnkr.co/edit/2zbn2rBpnat8lEQZRGd9?p=preview
<ul ui-sortable ng-model="deals.numer">
<li ng-repeat="deals in ...
0
votes
2
answers
1k
views
ui-sortable with angular datatables
I have been trying to use Angular-ui-sortable to reorder the rows in an Angular-datatables. Reorder is not happening. However, if i try with normal table, it is working fine. If possible please help ...
1
vote
0
answers
257
views
AngularJS ui-sortable - unable to move items
I'm working on an AngularJS project with a feature that users can move items across arrays. Only one array is shown on initialization; when users drag an item and mouseover on the desired array name, ...
3
votes
3
answers
149
views
How to implement bi-directional connection between two arrays?
In my app I have an ItemsService which gets Items from Server and stores them as JSON objects in its cache variable. Items can be present in many places, e.g. in table or in graph/chart and so on.
...
1
vote
2
answers
907
views
Why jquery .data() method does not fetch updated value?
I implement sort of FilePanels with folders and subfolders.
Visually from Chrome Developer Tools I can see that ui.item.sortable.droptarget has data attribute of parent-folder-id == 2, but when I ...
5
votes
2
answers
1k
views
Angularjs Sortable items and categories based on json data
I have this json structure:
{
"items":[
{
"category":"Category 1",
"name":"01",
"id":"46701a72410c"
},
{
"category":"Category 2",
...
0
votes
0
answers
44
views
How to layout elements with different height nicely?
Currently elements(divs) are placed as on the left side of an image.
Is there a way for them to be ordered without spare space between them (as in right side of an image)?
Here's my ui-sortable ...
17
votes
1
answer
1k
views
How can I make it so only an empty state or a drop target placeholder of ui-sortable show?
I have two connected ui-sortable lists. When one of the lists is empty, I need to show a message; when that empty list is hovered while dragging, I need to show a styled drop target and hide the empty ...
1
vote
0
answers
561
views
angular ui-sortable not updating model of filtered list
I have been digging SO and other posts but couldn't make it work. I have a list which i iterate with ng-repeat and apply some filters over it. Ui-sortable works well when the index of the list is not ...
1
vote
0
answers
123
views
UI-Sortable - Ajax and cancel does not work
Im using AngularJs together with Ui-sortable (https://github.com/angular-ui/ui-sortable). My use case is basically for dragging & dropping in the same list.
The usual drag and drop an item of the ...
0
votes
1
answer
710
views
Nested sorting between rows and columns
For a project I would like to use Angular and ui-sortable to be able to sort a list, divided in rows and columns. It is not a table, instead I want to use a div, using bootstrap classes to add rows ...
4
votes
1
answer
951
views
ng-repeat not reordering when change is made to underlying array
I'm using ui.sortable to display a reorderable list of items. I get my data like this:
context.rules.getAll()
.then(
function (data) { // success
$scope.rules =...
8
votes
3
answers
8k
views
angular ui sortable callback
Is there a way to set a callback function with angular ui's sortable? I'd like to add ng-update="foo()" to the tbody tag below and have foo run whenever the list changes.
<tbody id="...