单选按钮选择更改何时不会导致刷新？

Question

当单选按钮的选择发生变化时，我希望在下一个表单元格中显示/隐藏面板。我让它隐藏并显示得很好，但每次它都会导致页面刷新到顶部。它们是阻止这种刷新的方法吗？我想要动态隐藏和显示面板。

<table>
<tr>
            <td>
                <asp:RadioButtonList runat="server" ID="rblPlayerStatus" AutoPostBack="true" >
                    <asp:ListItem>Free Agent</asp:ListItem>
                    <asp:ListItem>I have teammate</asp:ListItem>
                </asp:RadioButtonList>
            </td>
            <td>
                <asp:Panel runat="server" ID="pnlTeamMate">
                    <asp:Label runat="server" ID="lblTeamMate" Text="Choose Teammate" />
                </asp:Panel>
            </td>
        </tr>      
</table>

Answer 1

使用AJAX.ASP.Net库-然后添加一个ScriptManager项目和一个UpdatePanel。UpdatePanel中的任何内容都将通过AJAX更新，而不是整个页面刷新。

Answer 2

您是否有任何服务器端逻辑，以显示和隐藏面板。如果是，那么你可以使用更新面板控件。如果仅仅是客户端逻辑，比如

如果选择自由代理，则选择显示FreeAgent面板，否则选择团队面板

使用javascript或者更确切地说使用jquery来实现同样的目的。

Answer 3

从您的代码中，我看不到您在哪里隐藏和显示面板。您可以使用updatepanel，但最好在需要从服务器检索更多信息时使用。

如果您只是想要显示和隐藏面板，您可以使用Javascript做得更好，方法是向OnClick事件添加一些代码来设置面板的可见性css属性。在google上有一些关于如何做到这一点的教程。像this这样的东西应该足以让您入门。