HTML标签在AsyncPostBack上不会改变

Question

要重新生成问题，请使用以下代码在VS中创建一个项目：

这段代码在MasterPage的表单标记内，而后面的代码则没有任何内容。

<asp:ScriptManager ID="scmManager" runat="server" AsyncPostBackTimeout="3600" />
<div>
    <div id="divCContents">
        <div id="divSideBar">
            <asp:contentplaceholder ID="cphMenus" runat="server" /> 
        </div>
        <div id="divMContents">
            <asp:contentplaceholder ID="cphPages" runat="server" />
        </div>
    </div>
</div>

第一个asp:Content in TESTDefault.aspx中的代码

<asp:UpdatePanel ID="updCombos" runat="server">
    <ContentTemplate>
        <asp:DropDownList ID="DropDownList1" runat="server" Width="170px" AutoPostBack="true" 
                  OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
        </asp:DropDownList>
        <br />
        <br />
        <asp:DropDownList ID="DropDownList2" runat="server" Width="170px" AutoPostBack="true"
                          OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged">
        </asp:DropDownList>
    </ContentTemplate>
</asp:UpdatePanel>

第二个asp:Content in TESTDefault.aspx中的代码

<asp:UpdatePanel ID="updPanel" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Panel ID="pnlTest" runat="server" />
    </ContentTemplate>
</asp:UpdatePanel>

最后一段代码是用TESTDefault.aspx.cs编写的

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

protected void subInitiateFirstCombo()
{
    for (int xI = 0; xI < 5; xI++)
    {
        ListItem itmlist = new ListItem();

        itmlist.Value = String.Format("Dep{0}", Convert.ToString(xI));
        itmlist.Text = String.Format("Department{0}", Convert.ToString(xI));
        DropDownList1.Items.Add(itmlist);
    }
    DropDownList1.SelectedIndex = 0;
    subInitiateSecondCombo();
}

protected void subInitiateSecondCombo()
{
    DropDownList2.Items.Clear();
    for (int xI = 0; xI < 5; xI++)
    {
        ListItem itmlist = new ListItem();

        itmlist.Value = String.Format("{0}_Ind{1}", (string)DropDownList1.SelectedItem.Value, Convert.ToString(xI));
        itmlist.Text = String.Format("{0}_Indicator{1}", (string)DropDownList1.SelectedItem.Text, Convert.ToString(xI));
        DropDownList2.Items.Add(itmlist);
    }
    DropDownList2.SelectedIndex = 0;
    CreateNewTable();
}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
    subInitiateSecondCombo();
}

protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
{
    CreateNewTable();
}

protected void CreateNewTable()
{
    int intCellCount = DropDownList1.SelectedIndex + 2;

    pnlTest.Controls.Clear();
    updPanel.Update();
    using (Table tblTest = new Table())
    {
        tblTest.ID = (string)DropDownList2.SelectedItem.Value;
        tblTest.Attributes.Add("style", "border-collapse: collapse; margin-top: 100px;");

        for (int xI = 0; xI < 3; xI++)
        {
            using (TableRow tbrRow = new TableRow())
            {
                tbrRow.ID = String.Format("tbrRow{0}", Convert.ToString(xI));

                for (int xJ = 0; xJ < intCellCount; xJ++)
                {
                    using (TableCell tbcCell = new TableCell())
                    {
                        tbcCell.ID = String.Format("{0}_tbcCell{1}", tbrRow.ID, Convert.ToString(xJ));
                        tbcCell.Attributes.Add("style", String.Format("border: #808080 1px solid; " +
                                                                       "font-family: Verdana; " +
                                                                       "font-size: 8pt; " +
                                                                       "color: #3b5998; " +
                                                                       "text-align: center; " +
                                                                       "vertical-align: middle;"));
                        tbcCell.Width = Unit.Pixel(100);
                        tbcCell.Height = Unit.Pixel(80);
                        tbcCell.Text = String.Format("{0}", tblTest.ID);

                        tbrRow.Controls.Add(tbcCell);
                    }
                }
                tblTest.Controls.Add(tbrRow);
            }
        }
        pnlTest.Controls.Add(tblTest);
        updPanel.Update();
    }
}

运行页面并查看源代码后，您将看到动态生成的表的标记。现在从DropDownLists中选择另一个选项以重新生成一个不同的表，然后再次查看源代码，您将发现旧的表标记仍然在那里，并且没有新表的迹象(尽管它显示在屏幕上)。

我发现让它正常工作的唯一方法是强制执行完整的PostBack。还有别的办法吗？我需要它的原因是因为一些javascripts将会运行，因此有必要获得表ID。

希望我的例子是清楚的。任何提示都将不胜感激。

干杯。

Answer 1

JavaScript应该能够很好地访问新的HTML。查看源代码并不能及时了解JavaScript对HTML所做的更改(如AJAX回发)。

如果你想实时查看这些变化，那么Firebug可以让你在火狐中检查当前活动的DOM。