html - 在 Powershell 生成的 HTML 报告上放置一个“显示/隐藏”按钮

Question

所以我正在从一堆 PowerCLI 命令编译一个巨大的 HTML 报告。我想让滚动浏览的东西更干净，因为一个命令就可以有很多数据。我刚刚开始在我的 PS 脚本中实现 HTML，但无法找到正确实现各种“显示/隐藏”按钮的方法。这些表格是从通过管道传输到 ConvertTo-HTML 的命令输出生成的，而我没有任何 html 代码，因此我正在考虑使表格标题可单击以显示/隐藏表格。我试过浏览网络，但我发现的 javascript 示例使用我无法设置的表 id，据我所知，因为我实际上并没有构建表。

Answer 1

您可以使用计算表向您的表元素添加 ID 或其他标签，但您必须修复 HTML 输出。

$helpTbl = Get-Command -CommandType Cmdlet |
Where-Object {$_.HelpUri} |
Select Name,@{n='HelpUri';e={"<a href=`"$($_.HelpUri)`" ID=`"6`">$($_.HelpUri)</a>"}} -First 3 |
ConvertTo-Html

Answer 2

我不确定 Powershell 生成的 html 是什么样的（可能是一些示例代码），但实际上不需要使用 ID，尽管这是常见的做法（因为它既简单又高效）。

几行 jQuery 就可以完成你想要的：

// initial hide of the table contents
$('table tbody').hide();

// click handler for the table header
$('table thead').click(function() {
    // get the tbody, that goes with the clicked header, and toggle visisbility
    $(this).siblings('tbody').toggle();
});

一个例子可以在这里找到：http: //jsfiddle.net/tJg97/

如何在你的 html 中加载它（和 jQuery 库）我留给你。由于我是 Mac 用户，我不使用 Powershell，所以我无法帮助您...