使用LinkBut​​ton的onClick peroperty使asp.net控件在客户端显示为true

时间:2012-01-04 06:21:38

标签: c# javascript asp.net ajax

我在我的UserControl页面中使用ASP.Net控件,如(TextBox,下拉列表),并且我正在使用(编辑)所有这些都是不可见的。在同一页面中有一个用于编辑的链接按钮。我想在客户端看到它。任何人都可以建议我该怎么做。或任何其他方式来制作它。

1 个答案:

答案 0 :(得分:4)

要使用Javascript执行此操作,您需要删除LinkBut​​ton的OnClick属性,并使用OnClientClick属性来调用Javascript函数:

<asp:LinkButton ID="lb_link_button" runat="server" Text="Click Me" OnClientClick="return ToggleShowHide()"/>

这是一个相应的Javascript函数,用于显示/隐藏名为my_control的控件,使用其style.display属性:

<script type="text/javascript">        
    function ToggleShowHide() {
        var control = document.getElementById("<%= my_control.ClientID %>");
        if (control.style.display == "none") { control.style.display = "block"; }
        else { control.style.display = "none"; }
        return false;
    }
</script>

您可以通过各种方式引用控件以显示/隐藏,这只是一个简单的示例。

注意,设置可见/不可见的控件必须将其Visible属性设置为false,而应使用display:none;风格如下:

<asp:Control runat="server" ID="my_control" Visible="true" style="display:none;"/>