Сортируемый пользовательский интерфейс jQuery - внешние элементы управления - PullRequest
Новая
       14

Сортируемый пользовательский интерфейс jQuery - внешние элементы управления

2 голосов
/ 09 июня 2010

У меня есть сортируемый список внутри модального диалога (не в jQuery UI): 

<div id="modal">
    <ul id="reorderList">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul><!-- /#reorderList -->

    <button class="save" type="button">Save Order</button>
    <button class="cancel" type="button">Cancel</button>
</div>

Я хотел бы прикрепить обработчик события щелчка к кнопке «Сохранить заказ», которая вызывает sortable('toArray')функциональность.Точно так же я хотел бы, чтобы кнопка «Отмена» запускала sortable.('destroy') для сброса списка в его начальное состояние.

Хотя у меня есть хороший хэндл для запуска формы событий в функциях обратного вызова сортируемого объекта, я не нашеллюбая информация о вызове методов из этих внешних элементов управления.

1 Ответ

1 голос
/ 05 января 2011

Попробуйте что-то вроде этого: 

$('.save').click(function(){ 
   reorderListArray = $('#reorderList').sortable('toArray');
});

$('.cancel').click(function(){ 
    $('#reorderList').sortable('cancel');
});

Это должно прикрепить вызов к событию click на вашей кнопке сохранения. Массив передается в reorderListArray для использования по мере необходимости.

Надеюсь, это поможет.

...