From e0cd20b44fd6f9178f2608c8763f47b0693f2b96 Mon Sep 17 00:00:00 2001 From: Bohdan Ganicky Date: Thu, 5 Feb 2009 19:39:38 +0000 Subject: [PATCH] demos/sortable/connect-lists-through-tabs: new demo created as a reaction to a certain discussion in the jquery ui google group --- .../sortable/connect-lists-through-tabs.html | 76 +++++++++++++++++++ demos/sortable/index.html | 1 + 2 files changed, 77 insertions(+) create mode 100644 demos/sortable/connect-lists-through-tabs.html diff --git a/demos/sortable/connect-lists-through-tabs.html b/demos/sortable/connect-lists-through-tabs.html new file mode 100644 index 000000000..4321703af --- /dev/null +++ b/demos/sortable/connect-lists-through-tabs.html @@ -0,0 +1,76 @@ + + + + jQuery UI Sortable - Connect lists with Tabs + + + + + + + + + + + +
+ +
+ +
+
    +
  • Item 1
    • +
  • Item 2
    • +
  • Item 3
    • +
  • Item 4
    • +
  • Item 5
    • +
+
+
+
    +
  • Item 1
    • +
  • Item 2
    • +
  • Item 3
    • +
  • Item 4
    • +
  • Item 5
    • +
+
+
+ +
+ +
+ +

+ Sort items from one list into another and vice versa, by passing a selector into + the connectWith option. The simplest way to do this is to + group all related lists with a CSS class, and then pass that class into the + sortable function (i.e., connectWith: '.myclass'). +

+ +
+ + + diff --git a/demos/sortable/index.html b/demos/sortable/index.html index e19c83f2b..b77f223d2 100644 --- a/demos/sortable/index.html +++ b/demos/sortable/index.html @@ -12,6 +12,7 @@
  • Default functionality
  • Drop placeholder
  • Connect lists
    • +
  • Connect lists through tabs
  • Handle empty lists
  • Include / exclude items
  • Delay start