[Summary view] [Print] [Text view]

   1  <script type="text/javascript">
   2  
   3      var model = {
   4  
   5          onRenderEnd: function() {
   6  
   7              $.ui.disableSelection($('#sortable-ex').get(0));
   8  
   9          },
  10  
  11          renderAt: '#containerDemo',
  12  
  13          title: 'Sortable Demos',
  14  
  15          demos: [
  16  
  17              {
  18  
  19                  title: 'Sortable',
  20                  desc: 'With few lines of code you could have sortable elements. You can try more options on the fly!',
  21                  html: { url: 'templates/ui.sortable.ex1.html' },
  22                  destroy: '$("#selectedUsers").sortable("destroy");',
  23                  options: [
  24                      {
  25                          desc: 'Make a simple sortable list',
  26                          source:
  27                              '$("#selectedUsers").sortable({ connectWith: ["#userList"] }); ' +
  28                              '$("#userList").sortable({ connectWith: ["#selectedUsers"] });'
  29                      }
  30                  ]
  31              },
  32  
  33              {
  34                  title: 'Sortable',
  35                  desc: 'Floating, with defined placeholder class',
  36                  html: { url: 'templates/ui.sortable.ex3.html' },
  37                  destroy: '$("#placeholderSortable").sortable("destroy");',
  38                  options: [
  39                      {
  40                          desc: 'Floating, with defined placeholder class',
  41                          source: '$("#placeholderSortable").sortable({ placeholder: "ui-selected", forcePlaceholderSize: true, revert: true });'
  42                      }
  43                  ]
  44              }
  45  
  46          ]
  47      };
  48  
  49      $(function(){
  50  
  51          uiRenderDemo(model);
  52  
  53      });
  54  
  55  </script>