jQuery UI how: нажмите кнопку и отправьте весь сортируемый список на другую вкладку

Question

Я использую сортируемые списки jquery с вкладками, показанными здесь http://jqueryui.com/demos/sortable/#connect-lists-through-tabs

Что мне нужно сделать, это нажать кнопку, сказать «ОТПРАВИТЬ ВСЕ В TAB 2», и все элементы вкладки 1отправлено на вкладку 2. Пожалуйста, мне это действительно нужно.Благодарю.

Answer 1

Идея состоит в том, чтобы найти все элементы списка на вкладке 1 и добавить их в список вкладок 2.

Следующий код срабатывает, когда кнопка с идентификатором 'send_all' (рассмотрите возможность размещения ее на первой вкладке) толкается.Он находит и перемещает все элементы li из «sortable1» в «sortable2», а затем переключается на вторую вкладку.

$('#send_all').bind({
    'click': function(){ 
        $('#sortable1 li').each(function(){
            $(this).appendTo('#sortable2');
        });
        $tabs.tabs('select', 1 );
    }
});

Answer 2

Учитывая, что кнопка представляет собой ссылку с классом Transfer-Items, чья ссылка указывает на контейнер элементов на вкладке, на которую будут передаваться элементы (в примере интерфейса # tabs-1 # tabs-2):

$('a.transfer-items').click(function() {
  var itemsContainer = $('#tabs .ui-state-selected a').attr('href');
  var newList = $($(this).attr.href() + '.connectedSortable');
  $(itemsContainer + ' .connectedSortable li').each(function(index, element) {
    $(element).appendTo(newList);
  });
});