C# 在列表中移动或单击对象

我正试图创造一种移动“章节”的方式。我的问题是我不知道该怎么做。如果你们中的任何人有一个想法或例子，说明你们是如何做到的，那就太好了

我在想一份清单。您可以在其中拖动或单击“章节”

像这样：

• A章
  • A.A章
    • A.A.A章
    • A.A.b章
  • A.b章
• B章
  • B.B章
• C章

问题是，如果我只有一个上下移动的按钮，那么当我从a移动到C时，我需要额外的按钮

PS：项目位于

.cshtml

中

---

编辑：每个子章节都有一个值，该值保存其父章节的id。移动时，此id将更改，然后在用户满意当前订单时保存。

我建议使用一个可重复使用的排序小部件来简单地对元素进行排序，然后有3个（在这种情况下）：一个用于章节，一个用于章节，一个用于小节。您可以根据当前选择的内容显示和隐藏相应的小部件

此外，您可以将每个项目显示为手风琴（同样，一个用于章节，一个用于章节，等等）。默认情况下，可以对章节重新排序。一旦你选择了一个，你可以查看和重新排序它的部分，一旦你选择了一个部分。。。好吧，你明白了

---

希望有帮助

jqueryui有一个很棒的小部件，叫做“sortable”。是一个正在工作的JSFIDLE，它可以实现我认为您需要的功能。使用下面的示例

<ul class="sortable">
  <li class="ui-state-default">Chapter 1</li>
  <li class="ui-state-default">Chapter 2</li>
  <li class="ui-state-default">Chapter 3
      <ul class="sortable">
          <li class="ui-state-default">Chapter 3a</li>   
          <li class="ui-state-default">Chapter 3b</li>
          <li class="ui-state-default">Chapter 3c</li>
      </ul>          
  </li>
  <li class="ui-state-default">Chapter 4
    <ul class="sortable">
          <li class="ui-state-default">Chapter 4a</li>   
          <li class="ui-state-default">Chapter 4b</li>
          <li class="ui-state-default">Chapter 4c</li>
      </ul> 
 </li>
  <li class="ui-state-default">Chapter 5</li>
</ul>

$(function() {
    $( ".sortable" ).sortable({
      revert: true,
      connectWith: ".sortable"
    });

    $( "ul, li" ).disableSelection();
  });

第1章
第2章
第3章

第3a章
第3b章
第3c章


第4章

第4a章
第4b章
第4c章


第5章

$（函数（）{
$（“.sortable”）.sortable({
回复：对，
连接到：“.sortable”
});
$（“ul，li”）.disableSelection（）；
});

我喜欢它所做的工作，但它不能将子章节添加到没有子章节的父章节中。这个能用新身份证吗？我在想，也许可以将父id以某种形式添加到所有孩子的值中，我更新为使用

dropOnEmpty

参数。我还添加了一些样式。这并不漂亮，但它确实提供了一种拖拉章节的方法。你得把它们拖到右边那个灰色的小东西上。当然，为了使这种方法看起来更好，你必须改变样式。你能澄清一下吗？