jquery-ui-sortable

问题 I have following sortable table with sortable rows by using: http://demos.telerik.com/kendo-ui/sortable/events <tbody class="playlist" kendo-sortable k-placeholder="placeholder" k-hint="hint"> <!-- IF NOTHING IS FOUND--> <tr ng-if="projectDetail.projectOrderViewConfiguration.projectEntries.length == 0"> <td colspan="9"><h1>{{ 'ADD_SOME_ITEMS_FROM_LEFT_COLUMN' | translate }}</h1></td> </tr> <!-- ELSE WRITEOUT--> <tr ng-repeat="projectEntry in projectDetail.projectOrderViewConfiguration

问题 I have a table with multiple tbody . How can I make headers for each tbody ? Is this how to do it? I use jquery ui sortable. How can I be sure the header of each tbody isn't sortable? Right now I'm triggering sortable with $("#sortable > tbody").sortable({}); . <table> <thead> <tr> <th>Col1</th> <th>Quantity</th> <tr> </thead> <tbody> <tr> <th scope="rowgroup">Col1</th> <th>100</th> <tr> <tr> <td>Col1</td> <td>20</td> <tr> <tr> <td>Col1</td> <td>30</td> <tr> <tr> <td>Col1</td> <td>50</td> <tr

问题 I'm trying to extend angular-common's excellent dragdrop module which can handle a draggable connected to a single sortable. (Original SO thread behind angular-common's dragdrop module is here.) I managed to connect two sortables, and dropping a draggable to each of them, and rearranging within the sortables work fine (scope item arrays get updated as expected). In fact the UI part works fine, but I can't seem figure out how to update the item arrays in the Angular scope when I drag a list

问题 How to change switch behavior in sortable? I mean by default there 1 - 2 - 3 - 4 http://jsfiddle.net/keGuN/ when I switch positions of 4 and 1 - they transform into 4 - 1 - 2 - 3 . I want only switch positions of 4 and 1 ( 4 - 2 - 3 - 1 ). How to do it? 回答1: I think I understand what you are trying to do. jQuery's Sortable isn't really designed to do what you are asking. However, playing with the events that Sortable exposes, you can swap positions of the dragged item (A) with the item that

问题 I am using the JQuery UI Sortable() library and I am trying to sort the table rows except the first cell of each row. Is this possible? I am using the code below which drags the rows perfectly: var fixHelperModified = function(e, tr) { var $originals = tr.children(); var $helper = tr.clone(); $helper.children().each(function(index) { $(this).width($originals.eq(index).width()) }); return $helper; }; $("tbody").sortable({ helper: fixHelperModified, }).disableSelection(); Is it possible to only

问题 I am trying to allow dragging from a sortable list to a dynatree. My initial though was to specify something like this: $('#ews_pgs_clpbrd_items').sortable({ connectToDynatree: true }).disableSelection(); dynatree does not register the drag and drop events for the sortable items. so I tried $("#ews_pgs_clpbrd_items").sortable().disableSelection(); $("#ews_pgs_clpbrd_items li").draggable({ connectToDynatree: true, connectToSortable: "#ews_pgs_clpbrd_items" }); This allows the items in the

问题 I found ui sortable and got it working nicely for simple lists and the like. My application already uses the ui-bootstrap and I want to sort the accordion elements. The html looks nice: <div ng:controller="controller"> <accordion ui:sortable ng:model="list"> <accordion-group ng:repeat="item in list" class="item"> <accordion-heading>{{item}}</accordion-heading> </accordion-group> </accordion> </div> However, while this works with the accordion bits swapped for ul/li etc. it does not work for

问题 I'm using Sortable and got it up and working. But I'm trying to save what is where inside the lists. Lets say i have 3 lists: <ul id="top" class="connectedSortable"> <li>elem1</li> <li>elem2</li> <li>elem2</li> </ul> <ul id="left" class="connectedSortable"> </ul> <ul id="right" class="connectedSortable"> </ul> jQuery: $("#top, #left, #right") .sortable({ connectWith: ".connectedSortable", stop: function(event, ui) { alert(this.id); // printing top, left right... } }) .disableSelection(); I've

问题 I am getting the following error when JQuery Sort calls my sort action: The parameters dictionary contains an invalid entry for parameter 'DonationIDS' for method 'System.Web.Mvc.EmptyResult SortDonations(System.Collections.Generic.List 1[System.Int32])' in 'Vol.Web.Areas.ActivityArea.Controllers.DonationController'. The dictionary contains a value of type 'System.Collections.Generic.List 1[Vol.Models.Token]', but the parameter requires a value of type 'System.Collections.Generic.List`1

问题 I have a huge list of items that can be sorted by dragging them. I noticed that once the list gets very long and overflows its parent container's height, dragging an item to a position not currently visible gets very inconvenient. Here is an example (jsFiddle). I want to drag the first element to right before the last element in one gesture. Currently that's not possible because I can't drag and scroll at the same time. Is there a setting that enables auto-scrolling the container as soon as I