Разрешить расположение репитера с помощью перетаскивания

Question

У меня есть повторитель, связанный с источником данных SQL (с использованием ASP.NET). Существуют ли плагины JQuery / эффективный способ преобразования моего повторителя во что-то, что можно отсортировать с помощью перетаскивания? т.е. пользователи могут изменить порядок данных, который обновляет базу данных?

Спасибо

Answer 1

См. Перетаскивание аккордеонных панелей? (ASP.Net) это связано.

По сути, вы используете что-то вроде решения @ Banzor, а затем используете что-то вроде

$('#myrepeater').sortable( 'serialize');

и вы прикрепляете эти результаты в скрытое поле всякий раз, когда происходит обратная передача. Затем вы просто смотрите на скрытое поле в ASP.Net и анализируете его соответствующим образом. Это легче сделать, чем я могу объяснить на самом деле:)

Answer 2

Да, используйте сортируемый плагин jQuery UI, например,

    <script type="text/javascript">
$(function() {
    $("#sortable").sortable();
    $("#sortable").disableSelection();
});
</script>

Вот как должна выглядеть разметка повторителя

 <asp:Repeater ID="LstSortable" runat="server">
        <HeaderTemplate>
            <ul id="sortable">
        </HeaderTemplate>
        <ItemTemplate>
            <li class="ui-state-default">
                <%=Eval("Blah") %>
            </li>
        </ItemTemplate>
        <FooterTemplate>
            </ul>
        </FooterTemplate>
    </asp:Repeater>

Вы можете посмотреть живую демоверсию и загрузить ее по адресу jqueryui.com