Когда изменения выбора радиокнопки не вызывают обновления?

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

Решением будет либо использование AJAX (UpdatePanel и ScriptManager), либо удаление AutoPostback = true и использование JavaScript для отображения / скрытия панели

Answer 3

Из вашего кода я не вижу, где ты прячешься и показываешь панель. Вы можете использовать панель обновления, но это лучше всего использовать, когда вам нужно получить больше информации с сервера.

Если вы просто хотите показать и скрыть панель, вы можете сделать это лучше с помощью Javascript, добавив некоторый код в событие OnClick для установки атрибута css видимости панели. В Google есть несколько уроков о том, как это сделать. Что-то вроде этого должно быть достаточно, чтобы начать работу.

Answer 4

Есть ли у вас какая-либо логика на стороне сервера, основанная на показе и скрытии панели. Если да, то вы можете использовать панель управления обновлением. Если это просто логика на стороне клиента, такая как

Если выбран Свободный агент, показать FreeAgent Panel иначе Team Panel

используйте javascript или скорее jquery для достижения того же.