显示/隐藏面板在usercontrol中不起作用

时间:2014-05-20 06:22:07

标签: javascript asp.net hide panel

我想在用户点击按钮时显示/隐藏面板。当我将此代码粘贴到.aspx页面时,一切正常,但如果此代码在usercontrol中,则无法正常工作。有什么建议? 代码:

<script type="text/javascript">
    function ShowHideOne() {
        if (document.getElementById('<%=CommentPanel.ClientID %>').style.display == "none") {
            document.getElementById('<%=CommentPanel.ClientID %>').style.display = "block";
        }
        else {
            document.getElementById('<%=CommentPanel.ClientID %>').style.display = "none";
        }
        return false;
    } </script>
    <asp:Button ID="btnShowComments" runat="server" Text="Comments" OnClientClick="javascript:return ShowHideOne();"/>      
    <asp:Panel ID="CommentPanel" runat="server">
        ToDo: COMMENTS!
    </asp:Panel>

2 个答案:

答案 0 :(得分:0)

您的代码在usercontrol中仍然正常工作。

答案 1 :(得分:0)

使用此

<asp:Button ID="btnShowComments" runat="server" Text="Comments" OnClientClick="ShowHideOne();"/>