如何通过javascript显示/隐藏按钮包含在模板中

Question

我在模板中有两个asp.net按钮（扩展和折叠），我想实现一个简单的客户端javascript函数，以在按下扩展按钮后隐藏扩展按钮并显示折叠按钮，反之亦然。

<asp:Button ID="btnExpand" runat="server" CommandName="Expand" 
            CommandArgument='<%# Container.DataElement("Id")%>' Text="+" />

<asp:Button ID="btnCollapse" runat="server" CommandName="Collapse" 
            CommandArgument='<%# Container.DataElement("Id")%>' Text="-" />

我尝试了OnClientClick事件，但是我不知道如何从javascipt获取发件人按钮和第二个按钮，因为它们位于模板中，并且将生成其ID。

我还尝试通过服务器上的代码（通过Visible属性）更改其可见性，但问题是事件处理程序将在回发后被触发，并且更改将不会应用于客户端。

任何帮助！

抱歉，如果这个问题很傻，我是Web开发的新手。

提前致谢。

Answer 1

像这样使用ClientID：

<!-- Supposing you have the following button control -->
<asp:button id="myButton" runat="server" />

<script type="text/javascript">

    var theID = '<%= myButton.ClientID %>';

    // Now do whatever you like with it.

</script>

Answer 2

在实现隐藏和显示模板的函数中，放入$("#buttonID").hide(); 。

Answer 3

请注意将代码放置在何处。 您需要确保html客户端渲染器已完成创建该项目。