I have two sortable divs, configured to allow me to drag element from div A to div B. Working great. The only thing is, my element disappears from div A when I drag it to div B. How can I prevent the element from being removed from div A?

Thanks in advance!

 

For reference, below is my code instantiating the sortables:

I am trying to add row reordering functionality inkendoTreeList using kendoSortable using following code.

                var grid =$('#scorecardTreeList').kendoTreeList({
                    dataSource: treedataSource,
                    columns: [
                        { field: "strategicName", title: "Strategic Name" },
                        { field: "Type", title: "Type" },
                        { field: "Name", title: "Name" }
                    ],
                    selectable: true,
                    expanded: true
                }).data("kendoTreeList");

                $($('#scorecardTreeList table')[1]).kendoSortable({
                    filter: ">tbody >tr",
                    hint: $.noop,
                    cursor: "move",
                    placeholder: function(element) {
                        return element.clone().addClass("k-state-hover").css("opacity", 0.65);
                    },
                    container: "#scorecardTreeList tbody",
                    change: function(e) {
                        var skip =0,
                            oldIndex = e.oldIndex + skip,
                            newIndex = e.newIndex + skip,
                            data = treedataSource.data(),
                            dataItem = treedataSource.getByUid(e.item.data("uid"));
                        grid.dataSource.remove(dataItem);
                        grid.dataSource.insert(newIndex, dataItem);
                    }
                });

I am facing issue that the row next to desired row (which i want to move) appears below dragged row after reordering.
e.g if I have following rows
Tiger
Apple
Meow
Orange
ABC1

when I move Tiger below Orange the new order appears as 

Meow
Orange
Tiger
Apple
ABC1 which is unexpected.

Please help.

I've got two kendo sortable list wherein I can drag the multi-selected items left to right. All looks good but I experienced this weird behavior. The second time I drag diagonally upwards (north east), the placeholder "Drop here" will not appear until you move the mouse downward a little.
Start dragging "Strawberries" then "Pinapples" to the right list. Remember that your cursor should move north east until you reach the below of "Strawberries"
Is this a limitation of kendo drag and drop?

Here is the Dojo that I am using.

So I edited a dojo example to cause the behavior. The selections / ignores work fin in the code provided. Once you turn on the handle options to different handles even you no longer can select the items in the sub lists. Any ideas? Thanks in advance. 
-Todd

 

HI,

When I am trying to sort list view using kendo sortable drag & drop, list item hangs in between and stays there itself on the page and it is visible through out app in all views even if I leave the page where text hangs happen. After debugging I found that sometimes index of dragged item is coming as undefined or e.item.data("uid") is coming as undefined. Please check into this.

 

Thanks,

Velu

 

I am confused why there is an AngularJS integration for Sortable Widget, when it doesn't support using ng-repeat.  In the demo here (http://demos.telerik.com/kendo-ui/sortable/index) - there is a hardcoded list of Li items that are being sorted.  However, no one using AngularJS is going to use a hard-coded list, they will use an ng-repeat from a data model.

The visual sort functionality of course works using an ng-repeat.  But once you move a list item, it does not update the data model source, rendering this widget pretty much useless for someone using Angular.  This widget needs a datasource integration.  

Please don't pretend to do these half-ass integrations any more.  They just waste people's time.

Do you have a solution to get it working with ng-repeat for me?  I would like to sort items, have my model updated with that new order, and then be able to use that new data model and send it back to the server, etc.

Thanks!

Hi.

I'm making a "formula creator" in this demo: http://dojo.telerik.com/URuLO/3.

My problem is that I want to be able to sort the list view items too. The drag-drop works fine but it seems they conflict with Sortable in this case. So I can only drag list items to the end of the list and not re-arrange between them.

The question is: Can I use sortable in .k-listview in this case ?

 In the following example I want to sort the inner lists and not the other list. In my live example the lists are generated by the grouped list functionality, so I can't give each list an id and create a separate sortable object. How do I create a sortable set of inner lists using kendo native listview grouping? 

 

Hi,

Over the last few days, I tried to build a demo using the kendo ui. I came across a few problems.

One of them is inability to change current column with mouse when, grid has editable.mode set to inline and sortable widget was added.

I have prepared simple demo http://dojo.telerik.com/EQIsA.

Is there any possibility to change column using mouse and sitll to have a sortable widged added? 

Best regards,

I've dug all through the documentation, and I can find little allotment for iFrame support within the library. I also implemented a rough version, and found that upon entering the iFrame the mouse stopped responding. I tried some of the hidden iframe tricks I learned with other JS libraries, but nothing seemed to work.

Has anyone ever tried this before? Is it possible to make work?

We are on a trial version right now, this is a core requirement for us to switch over to this library though, so we're very interested in a straight answer on whether it's supported or not.

thanks!