RadioButtonList, установленный в PreLoad, приводит к тому, что UpdatePanel Trigger не срабатывает при возврате к начальному значению - PullRequest
1 голос
/ 03 июня 2009

У нас были некоторые "странные" проблемы при использовании UpdatePanels и RadioButtonLists в том, что PostBack не возникало при изменении значений.

Мне удалось отследить проблему, которая возникает, когда значение RadioButtonList задано в предварительной загрузке страницы, и вы повторно выбираете это начальное значение.

У меня есть полный код страницы ASP и CodeBehind ниже.

ASPX:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RBLPostBackIssue._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <div>
    <asp:Label ID="Label1" runat="server"></asp:Label>
    <asp:RadioButtonList ID="RadioButtonList1" AutoPostBack="true" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" RepeatDirection="Horizontal" runat="server">
        <asp:ListItem>Yes</asp:ListItem>
        <asp:ListItem>No</asp:ListItem>
    </asp:RadioButtonList>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:PlaceHolder ID="PlaceHolder1" runat="server">
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </asp:PlaceHolder>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="RadioButtonList1" EventName="SelectedIndexChanged" />
        </Triggers>
    </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

CodeBehind:

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace RBLPostBackIssue
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_PreLoad(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                switch (new Random().Next(2))
                {
                    case 0:
                        Label1.Text = "Initial value set to Yes";
                        RadioButtonList1.SelectedValue = "Yes";
                        break;
                    case 1:
                        Label1.Text = "Initial value set to No";
                        RadioButtonList1.SelectedValue = "No";
                        break;
                }
            }
        }

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                ShowHideLogic();
            }
        }

        private void ShowHideLogic()
        {
            PlaceHolder1.Visible = RadioButtonList1.SelectedValue.ToLower().Contains("yes");
        }

        protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            ShowHideLogic();
        }
    }
}

Происходит следующее.

  • При первой загрузке RadioButtonList случайным образом устанавливается значение Да или Нет.
  • Вы изменяете значение RadioButtonList, и текстовое поле будет отображаться / скрываться соответственно.
  • Вы вернете значение обратно к его первоначальному значению, и обратная передача вообще не будет происходить.
  • Независимо от того, как часто вы изменяете значение, постбэк будет происходить только в том случае, если вы НЕ выберете начальное значение.

Установка начального значения в PreLoad основана на некоем устаревшем коде, который мы предпочли бы не изменять. Любые изменения потребуют значительного количества тестирования и повторного развертывания для большого количества других проектов.

Единственное решение, которое я нашел, - это не использовать Trigger для RadioButtonList, а поместить его в UpdatePanel. Хотя в некоторых случаях это является решением, оно не является идеальным, поскольку пользовательский интерфейс не всегда позволяет это.

Полагаю, мой вопрос в том, была ли у кого-нибудь еще эта проблема, знаете ли вы другое решение, или я просто глуп, и упустил что-то очевидное?

1 Ответ

3 голосов
/ 03 июня 2009

Это связано с тем, как ASP.Net отображает HTML-код для списка переключателей. Если вы просматриваете источник страницы при первой загрузке, изначально выбранный элемент <input> будет иметь атрибут checked="checked". Элемент <input>, который изначально не выбран, вместо этого будет иметь атрибут onclick="javascript:setTimeout('__doPostBack...')".

Таким образом, обратная передача произойдет, только если вы измените выбранный элемент, достаточно справедливо.

Однако, поскольку вы используете UpdatePanel, вся страница перерисовывается не после постбека, а просто содержимое панели обновлений. Таким образом, если изначально выбрано «Да», нажмите «Нет», чтобы опубликовать сообщение, и текстовое поле будет удалено. Но HTML-код для радио-кнопок не изменился, поэтому нажатие кнопки «Да» теперь не будет отправлять назад, поскольку для этого нет JavaScript.

Вы можете исправить все это, поместив список переключателей в ту же панель UpdatePanel, что и PlaceHolder, или поместив список переключателей в свою собственную панель UpdatePanel. Это гарантирует, что HTML-код, отображающий переключатели, будет обновляться после каждой публикации назад, и все будет работать как положено.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...