asp.net - 如何使用 ASP.NET 显示分层数据？

Question

如何在 ASP.NET 中显示分层数据？我有一个如下所示的数据源:

class Tree
{
   IEnumerable<Node> Nodes { get; set; }
}

class Node
{
   string Description { get; set; }
   decimal Amount { get; set; }
   IEnumerable<Node> SubNodes { get; set; }
}

我想呈现为一个 div 列表，如下所示。我需要 div 标签才能在展开和折叠分支时使动画平滑。

<ul class="foldable">
   <li>
      <div class="line">
         <div class="description">...</div>
         <div class="amount">...</div>
      </div>
      <div class="line">
         <div class="description">...</div>
         <div class="amount">...</div>
      </div>
      <ul>
         <li>
            <div class="line">
              <div class="description">...</div>
              <div class="amount">...</div>
            </div>
         </li>
      </ul>
   </li>
</ul>

我尝试使用 ListView 构建它元素，但我不知道如何递归调用它。

我也看了TreeView类，但删除它，因为它是使用表呈现的。

我放弃了CSS Friendly Control Adaptors因为这似乎是网站上所有控件的“非此即彼”。

我尝试使用 BulledList ，但无法弄清楚如何使其呈现 div。

我最终使用了四个相同的嵌套 ListView 元素，因为我知道我的列表永远不会超过四个级别。但是这个解决方案太丑了，我希望在这里找到更好的解决方案。 =)

Answer 1

您可以使用中继器控件，然后循环浏览您的列表，并为每个有子节点的节点嵌套另一个中继器。这将需要一些努力，因为您需要以编程方式使用它，但是将预构建的 Repeater 控件作为服务器控件会使它变得更加容易。

我喜欢使用中继器，因为当您花一些时间使用它们时，它们非常灵活。那，而且他们不会放入无关的 HTML。 :)