Treeview - View 只显示选中的节点，edit 显示所有可用的节点答案

【问题标题】：Treeview - View shows only checked nodes, edit shows all available nodesTreeview - View 只显示选中的节点，edit 显示所有可用的节点
【发布时间】：2015-12-16 08:38:25
【问题描述】：

我需要以两种形式生成分层数据绑定树视图。编辑表单包含所有可用节点，带有复选框。

只读表单是相同的树视图，但仅包含已检查的节点（好像它们是唯一可用的节点，不显示复选框）。

有没有办法使用相同的树视图来执行此操作，并且不需要回发来从服务器提交/获取新数据？

【问题讨论】：

我已经有了可编辑的格式，但是我们需要向用户展示一个更折叠的格式，然后如果他们选择编辑选择，展开到可编辑的格式，然后当他们'重新完成，折叠回新的摘要（折叠）格式。
我正在寻找一种使用 JavaScript 执行此操作的方法，从完整表单开始，所有可用选项，然后在客户端缩减（并删除复选框）以清晰和简洁？

标签： javascript c# asp.net treeview

【解决方案1】：

我设法找到了与我的答案足够接近的东西，我将其作为答案提供给正在寻找类似内容的其他人。

就我而言，黄金在 jQuery 中：

$(":checkbox:not(:checked) + a").parent().parent().parent().parent().hide();

虽然这对我的实现非常具体，但它对我有用。我希望看到更通用的东西，它可以处理任何 ASP:Treeview html 对象的输出。

要查看实际情况，请查看我的Fiddle

【讨论】：

通过包含 $(":checkbox:checked").hide(); 我得到了我想要的全部效果这已添加到我的小提琴中。