HTML标签不改变AsyncPostBack

要重新生成问题，请创建VS一个项目用以下代码：HTML标签不改变AsyncPostBack

该代码母版的形式标记中，并没有对后面的代码。

<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内：内容在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内：内容在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中选择另一个选项来重新生成一个不同的表格，然后再次查看源代码，您会发现旧表格标签仍然存在，并且没有新表格的标志（尽管它显示在屏幕上）。

我发现它正确工作的唯一方法是强制完整的回发。有没有其他方法？之所以我需要它会导致一些javascripts将会运行并且它必须获取表ID。

希望我的例子很清楚。任何提示将非常感激。

干杯。

来源

2009-11-20 Serious Dilemma

查看源代码不一定显示页面，因为它存在于内存中。使用JavaScript或DOM调试工具来检查是否进行了更改。 – 2009-11-20 17:59:22

JavaScript应该能够访问新的HTML罚款。查看源代码无法及时更新JavaScript所做的更改（如AJAX回发）。

如果你想查看这样的变化，那么Firebug将让你检查当前在Firefox中的活动DOM。

来源

2009-11-21 05:53:07 fyjham

HTML标签不改变AsyncPostBack

回答

相关问题