asp.net树形结构能折叠吗 - 问答

在ASP.NET中，可以使用JavaScript库（如jQuery UI或jsTree）来实现树形结构的折叠功能。这些库提供了丰富的交互功能，包括折叠和展开节点。

以下是一个使用jQuery UI实现树形结构折叠功能的简单示例：

首先，确保在项目中引入了jQuery和jQuery UI库。在<head>标签中添加以下代码：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

创建一个包含树形结构的HTML容器：

<ul id="tree">
  <li>Node 1
    <ul>
      <li>Node 1.1</li>
      <li>Node 1.2</li>
    </ul>
  </li>
  <li>Node 2
    <ul>
      <li>Node 2.1</li>
    </ul>
  </li>
</ul>

使用jQuery UI的accordion方法将树形结构转换为可折叠的容器：

<script>
  $(document).ready(function() {
    $("#tree").accordion();
  });
</script>

现在，树形结构中的每个节点都可以折叠和展开了。你可以根据需要调整jQuery UI的配置选项以实现更多自定义功能。

0 赞

0 踩