Make a nested repeater sortable
I am trying to have a sortable list inside of another sortable list. The outside list becomes sortable but the nested list does not. Any idea on how I could accomplish this?
- <script type="text/javascript">
- $(document).ready(function () {
- $('#sortContainer').sortable();
- $('#sortContainersub').sortable();
- });
- </script>
- <!------------------First sortable list begins here---------------------------------------------------------------->
- <asp:Repeater ID="rptEmploymentData" runat="server" >
- <HeaderTemplate>
- <ul id="sortContainer" class="sortable">
- </HeaderTemplate>
- <ItemTemplate>
- <li>
- <%# Container.DataItem("COMPANY_NAME")%>, <%# Container.DataItem("LOCATION")%><div class="Pro_Pro_Dates"><%# DataBinder.Eval(Container.DataItem, "DATE_RANGE", "{0 :yyyy}")%></div><br />
- <%# Container.DataItem("TITLE")%><br />
- <%# Container.DataItem("RESPONSIBILITIES")%><br />
-
- <!------------------Second sortable list begins here---------------------------------------------------------------->
- <asp:Repeater ID="rptActivity" runat="server">
- <HeaderTemplate>
- <ul id="sortContainersub">
- </HeaderTemplate>
- <ItemTemplate>
- <li class="Pro_Pro_activity"><%# Eval("Activity")%></li>
- </ItemTemplate>
- <FooterTemplate>
- </ul>
- </FooterTemplate>
- </asp:Repeater>
- <!------------------Second sortable list ends here---------------------------------------------------------------->
- </li>
- </ItemTemplate>
- <FooterTemplate>
- </ul>
- </FooterTemplate>
- </asp:Repeater>
- <!------------------First sortable list ends here---------------------------------------------------------------->