Remove/Add

[Voss]

I've seen some similar posts, but not exactly what I need.

I have two ListViews

Items can be dragged and dropped between them.

I need to be able to remove the dragged item from one list and add it to the other list.

This is how the ListView is created.

<div id="serversAll">
            <div data-role="scroller" style="background-color: gray; height: 300px; width: 370px; padding-top: 13px; padding-bottom: 17px;">
                <table data-bind="source: serversAll" data-template="templateServers" class="servers"></table>
            </div>
        </div>

var vmSevers = kendo.observable({
       isVisible: true,
       serversAll: new kendo.data.DataSource({
           schema: {
               model: {
                   id: "Id"
               }
           },
           batch: false,
           transport: {
               read: {
                   url: url
               }
           }
       })
   });

   kendo.bind($("#serversAll"), vmSevers, kendo.mobile.ui);

[Alexander Valchev]

Hi Voss,

Please check this help topic as it explains how to achieve such scenario using Kendo Drag & Drop events and DataSource API

• http://docs.telerik.com/kendo-ui/getting-started/framework/draganddrop/overview#moving-items-from-one-list-to-another

Regards,
Alexander Valchev
Telerik

 

 

[Voss]

I can't get the:
dataItem = listA_DS.getByUid(draggableElement.data("uid"));

to work on my example. Your sample works in the dojo. Is there something I need to do extra to generate the uid?

thanks.

[Alexander Valchev]

Hello Voss,

The DataSource automatically generates uid for every record. You should manually add it in the template (templateServers).

<script type="text/x-kendo-template" id="templateServers">
  <tr data-uid="#:uid#">
    (...)
  </tr>
</script>

Regards,
Alexander Valchev
Telerik