當單選按鈕選擇更改不會導致刷新？

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

從您的代碼中，我看不到您隱藏和顯示面板的位置。你可以使用一個更新面板，但是當你需要從服務器獲取更多信息時最好使用它。

如果您只是想要顯示和隱藏面板，可以通過在OnClick事件中添加一些代碼來設置面板的可見性CSS屬性，從而更好地使用Javascript。有幾個關於如何做到這一點的谷歌教程。像this應該足以讓你開始。

Answer 4

解決辦法是要麼使用AJAX（的UpdatePanel和ScriptManager的）或去除 AutoPostback = true和使用JavaScript來顯示/隱藏面板