Limiting the number of items allowed in a listview sortable

[Luke]

Hi,

I have two listviews that are linked together as linked list sortables. The drag and drop functionality is working really well but I need to be able to limit the number of items in the second listview so that when a user tries to drag an item into the second listview it cancels the move event and displays a message. I can't find an example of this anywhere.

Thanks in advance,
Luke

[Alexander Valchev]

Hi Luke,

Thank you for contacting us.

In order to achieve this you may hook up to the beforeMove event and call the preventDefault method.

function beforeMove(e) {
  if (e.list.element.attr("id") === "sortable-left" && e.sender.items().length >= 4) { //if the items is greater than 4
    e.preventDefault(); //cancel the move action
    $("h4").text("Maximum number of items in the list is reached").css("color", "red"); //alert the user
  }
}

For your convenience I prepared a small example: http://dojo.telerik.com/@valchev/oseYa

I hope this information will help.

Regards,
Alexander Valchev
Telerik