UpdatePanel не работает при первом нажатии

Question

UpdatePanel не работает при первом нажатии

У меня есть страница ASPX с элементом управления ScriptManager, некоторыми элементами управления LinkButton и элементом управления PlaceHolder. Каждый LinkButton будет добавлять (OnPageLoad) определенный пользовательский элемент управления в элемент управления PlaceHolder. Каждый UserControl имеет элемент управления ScriptManagerProxy и элемент UpdatePanel (UpdateMode=Conditional), который содержит некоторые элементы управления CheckBox (AutoPostback=true) и GridView.

Проблема в том, что при нажатии на элемент управления CheckBox он проверяется, но ничего не происходит. Когда вы нажимаете на нее снова, она не проверяется и вызывает полный постбэк всей страницы. Последующие щелчки элементов управления CheckBox работают асинхронно, как и должно.

Пользовательский элемент управления 1: разметка

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControl1.ascx.cs" Inherits="UserControls_UserControl1" %>


<div>

<asp:ScriptManagerProxy ID="smp1" runat="server" />

<asp:UpdatePanel ID="up1" UpdateMode="Conditional" runat="server">
<ContentTemplate>

<h1>CheckBox Test 1</h1>

<asp:Panel ID="pnlOptions" runat="server" Visible="true">
    <asp:Panel ID="pnlCheckTest1" runat="server">
        <asp:CheckBox ID="chkCheckTest1" 
                      AutoPostBack="true"
                      Text="Test 1" 
                      OnCheckedChanged="chkCheckTest1_CheckChanged"
                      runat="server" />
    </asp:Panel>
    <asp:Panel ID="pnlCheckTest2" runat="server">
        <asp:CheckBox ID="chkCheckTest2" 
                      AutoPostBack="true"
                      Text="Test 2" 
                      OnCheckedChanged="chkCheckTest2_CheckChanged"
                      runat="server" />
    </asp:Panel> 
</asp:Panel>

<br /><br />

<div>
<asp:Label ID="lblTestCheck1" runat="server" />
</div>

</ContentTemplate>
</asp:UpdatePanel>

</div>

Пользовательский контроль 1: код

public partial class UserControls_UserControl1 : System.Web.UI.UserControl
{

    protected void chkCheckTest1_CheckChanged(object sender, EventArgs e)
    {
        lblTestCheck1.Text = "Tiny";
    }

    protected void chkCheckTest2_CheckChanged(object sender, EventArgs e)
    {
        lblTestCheck1.Text = "Large";
    }
}

Пользовательский контроль 2: разметка

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControl2.ascx.cs" Inherits="UserControls_UserControl2" %>


<div>

<asp:ScriptManagerProxy ID="smp1" runat="server" />

<asp:UpdatePanel ID="up1" UpdateMode="Conditional" runat="server">
<ContentTemplate>

<h1>CheckBox Test 2</h1>

<asp:Panel ID="pnlOptions" runat="server" Visible="true">
    <asp:Panel ID="pnlCheckTest1" runat="server">
        <asp:CheckBox ID="chkCheckTest1" 
                      AutoPostBack="true"
                      Text="Test 1" 
                      OnCheckedChanged="chkCheckTest1_CheckChanged"
                      runat="server" />
    </asp:Panel>
    <asp:Panel ID="pnlCheckTest2" runat="server">
        <asp:CheckBox ID="chkCheckTest2" 
                      AutoPostBack="true"
                      Text="Test 2" 
                      OnCheckedChanged="chkCheckTest2_CheckChanged"
                      runat="server" />
    </asp:Panel> 
</asp:Panel>

<br /><br />

<div>
<asp:Label ID="lblTestCheck2" runat="server" />
</div>

</ContentTemplate>
</asp:UpdatePanel>

</div>

Пользовательский контроль 2: код

public partial class UserControls_UserControl2 : System.Web.UI.UserControl
{

    protected void chkCheckTest1_CheckChanged(object sender, EventArgs e)
    {
        lblTestCheck2.Text = "Small";
    }

    protected void chkCheckTest2_CheckChanged(object sender, EventArgs e)
    {
        lblTestCheck2.Text = "Big";
    }
}

Главная страница: разметка

<%@ Page Title=""  Language="C#" AutoEventWireup="true"CodeFile="CheckBoxTest.aspx.cs" Inherits="CheckBoxTest" %>
<html>
<head id="head1" runat="server">
<title>Check Box Test</title>
</head>

<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="sm1" runat="server" />


<div id="Div1" runat="server">
    <asp:LinkButton ID="lbCheckTest1" runat="server" Text="Check Test 1" 
            onclick="lbCheckTest1_Click" />
    <br />
    <asp:LinkButton ID="lbCheckTest2" runat="server" Text="Check Test 2" 
            onclick="lbCheckTest2_Click" />
</div>

<br /><br /><br /><br />

<div id="Div2" runat="server">
    <asp:PlaceHolder 
        ID="phTable"
        runat="server" />        
</div>
</form>
</body>
</html>

Главная страница: Код

public partial class CheckBoxTest : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Page.IsPostBack)
        {
            try
            {
                Control ctrl = LoadControl(Session["CurrentControl"] as String);
                phTable.Controls.Add(ctrl);
            }
            catch
            {
                // ...
            }
        }
    }

    protected void lbCheckTest1_Click(object sender, EventArgs e)
    {
        Session["CurrentControl"] = "~/UserControls/UserControl1.ascx";
        Control ctrl = LoadControl(Session["CurrentControl"] as String);
        phTable.Controls.Clear();
        phTable.Controls.Add(ctrl);
    }

    protected void lbCheckTest2_Click(object sender, EventArgs e)
    {
        Session["CurrentControl"] = "~/UserControls/UserControl2.ascx";
        Control ctrl = LoadControl(Session["CurrentControl"] as String);
        phTable.Controls.Clear();
        phTable.Controls.Add(ctrl);
    }
}

0

asp.net asp.net-ajax

Источник

user2238772 04 июл '13 в 04:56

2 ответа

Другие вопросы по тегам asp.net asp.net-ajax

user2238772 04 июл '13 в 19:15 2013-07-04 19:15 · Answer 1 · 2013-07-04 19:15

Оказывается, проблема не имеет ничего общего с UpdatePanel. Проблема была с динамически загруженными пользовательскими элементами управления.

ViewState - проблема с динамически загружаемыми элементами управления. Лучше всего загружать их во время события OnPageInit в течение жизненного цикла выполнения. Кроме того, чтобы обеспечить правильную работу ViewState, присвойте элементу управления правильный идентификатор;

    protected void Page_Init(object sender, EventArgs e)
    {
        if (Page.IsPostBack)
        {
            try
            {
                phTable.Controls.Clear();
                Control ctrl = LoadControl(Session["CurrentControl"] as String);
                ctrl.ID = Session["CurrentControlID"].ToString();
                phTable.Controls.Add(ctrl);
            }
            catch
            {
                // Handle Error...
            }
        }
    }


protected void lbCheckTest1_Click(object sender, EventArgs e)
{
    Session["CurrentControl"] = "~/UserControls/UserControl1.ascx";
    Session["CurrentControlID"] = "UserControl1";        
    Control ctrl = LoadControl(Session["CurrentControl"] as String);
    ctrl.ID = Session["CurrentControlID"].ToString();
    phTable.Controls.Clear();
    phTable.Controls.Add(ctrl);
}

user1660178 04 июл '13 в 05:37 2013-07-04 05:37 · Answer 2 · 2013-07-04 05:37

Попробуй это

<asp:UpdatePanel runat="server"><%--your updatepanel--%>
    <ContentTemplate>
    <%--something that you want to update on checkbox check change event--%>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="your_checkbox_control_id" EventName="CheckedChanged" />
        <%--add AsyncPostBackTrigger for checkbox event --%>
    </Triggers>
</asp:UpdatePanel>

0

Источник

user1660178 04 июл '13 в 05:37