如何使用JavaScript使ASP.NET TreeView不可见？

Question

我想在ASP.NET TreeView中点击一个节点并使其visible=false;。我该如何在JavaScript中实现？

- vasagam

Answer 1

您需要在TreeView节点中将NavigateUrl设置为一个JavaScript函数，以隐藏按钮。

<asp:TreeView ID="TreeView1" runat="server" >
        <Nodes>
            <asp:TreeNode Text="" Value="" NavigateUrl="javascript:HideButton();"></asp:TreeNode>
        </Nodes>
    </asp:TreeView>

 <script type="text/javascript" language="javascript">
    function HideButton() {
        document.getElementById('<%=Button1.ClientID %>').style.visibility = "hidden";
    }
</script>

- Muhammad Akhtar

---

好问题；如果您想在单击节点时隐藏按钮，那么为什么还要进入其他页面？如果您真的想进入另一个页面，可以在隐藏按钮后将Window.Location放入javascript函数中。 - Muhammad Akhtar

是的，我在这里使用框架，左框架和右框架。在左侧，我有超链接、按钮和下面的树形菜单，当单击树节点时，我必须隐藏同一框架中的按钮，并导航到右侧框架中相应的页面... - vasagam

好的，如果您正在使用Freme，则必须使用节点的Target属性。 - Muhammad Akhtar

这是我的示例节点 '<asp:TreeNode Text="欢迎" Value="新节点" NavigateUrl="~/home.aspx" Target="main" >'... - vasagam

如果您像这样提供 '<asp:TreeNode Text="欢迎" Value="新节点" NavigateUrl="javascript:HideButton();" Target="main" >'，它将无法工作... - vasagam

Answer 2

尝试

document.getElementById("buttonId").style.visibility = "hidden";

或者

document.getElementById("buttonId").style.display = "none";

- Harry Joy

Answer 3

如果您想从代码后台调用 JavaScript 函数，请使用 Page.ClientScript.RegisterStartupScript。

- Akram Shahda

---

我在页面中使用了 treeview、超链接和按钮，如果单击超链接，则该按钮应该可见；如果单击树视图中的任何父节点或子节点，则该按钮应该不可见。 - vasagam