在代码隐藏中添加ASP.Net按钮

Question

我的AJAX手风琴面板有一个非常紧凑的表格。 我使用的是母版页，但ASPX子页如下所示：

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
  <link rel="stylesheet" href="Content/themes/base/jquery-ui.css">
  <script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>  
  <script src="Scripts/jquery-ui-1.8.24.min.js" type="text/javascript"></script>  

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" runat="server">

    <asp:UpdatePanel ID="MyUpdatePanel" runat="server">
        <ContentTemplate>
            <asp:panel ID="MyContent" runat="server">

    <!--  ************************************  -->
                    <ajaxtoolkit:modalpopupextender id="MdlCommentsExtender" runat="server"     
                        targetcontrolid="MyContent" popupcontrolid="pnlComments" 
                        popupdraghandlecontrolid="PopupHeader" drag="True" 
                        backgroundcssclass="ModalPopupBG" Enabled="False"  >
                    </ajaxtoolkit:modalpopupextender>

                    <asp:panel id="pnlComments" style="display: none" runat="server" BackColor="White" CssClass="modalPopup">
                        <div class="HellowWorldPopup">
                            <div class="PopupHeader" id="Div3" style="border: thin solid #000000; vertical-align: middle; text-align: center; background-color: #C0C0C0; color: #000000; font-weight: bold; height: 40px;" ><br />Pend Comment</div>
                                <div class="PopupBody" style="background-color: #FFFFFF">
                                    <table style="width: 300px">
                                        <tr style="text-align:left">
                                            <td style="padding:4px"><asp:Label ID="lblCommentBox" runat="server" Text="Comment:"></asp:Label></td>
                                        </tr>
                                        <tr>
                                            <td style="padding:4px">
                                           <!--     <asp:TextBox ID="txtCommentBox_Old" runat="server" CssClass="textbox" TextMode="multiline" Wrap="True" Height="70px" Width="270px" Font-Size="Small"></asp:TextBox>  -->
                                                <asp:TextBox ID="txtCommentBox" TextMode="MultiLine" CssClass="textbox" Wrap="True" Height="70px" Width="270px" Font-Size="Small" Rows="3" runat="server"  onkeyup="textCounter(this, this.form.remLen, 50);" onkeydown="textCounter(this, this.form.remLen, 50);" onpaste="textCounter(this, this.form.remLen, 50);" />
                                            </td>
                                        </tr>  
                                        <tr>
                                            <td>
                                                <input readonly="readonly" type="text" id="remLen" name="remLen" size="2" maxlength="3" value="50" /> characters left
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="Controls">
                                    <table style="width: 300px">
                                        <tr>
                                           <td style="vertical-align: middle; text-align: center"> <asp:Button ID="mdlCmntsOk_Click" runat="server" Text="OK" CssClass="textbox" Height="28px" Width="75px" OnClick="mdlCommentsOk_Click" /></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>  
                    </asp:panel>
            </asp:panel>
        </ContentTemplate>
    </asp:UpdatePanel>

    <!--  ************************************  -->

</asp:Content>

此表单包含一个modalpopupextender，我想从“编辑”按钮中调用它。 通过隐藏代码可以动态添加手风琴。 我的整个后台代码如下所示：

public partial class frmBenefitSummaryList : System.Web.UI.Page
{
    string ConnStr = System.Configuration.ConfigurationManager.ConnectionStrings["ConnCST"].ConnectionString;


    protected void Page_Load(object sender, EventArgs e)
    {

        BindAccordions();
        if (Page.IsPostBack)
        {
            MdlCommentsExtender.Show();
        }
    }

    private void BindAccordions()
    {
        #region Get the value from the database

         DataTable dt = new DataTable();   
         try   
         {   

             using (SqlConnection connection = new SqlConnection())   
             {
                 connection.ConnectionString = ConfigurationManager.ConnectionStrings["ConnCST"].ToString();   
                 connection.Open();   
                 SqlCommand cmd = new SqlCommand();   
                 cmd.Connection = connection;
                 string CmdTxt = "Select CBL.ID, CBL.[Category], CBL.[Provision], CTL.MarkForReview, CTL.IssueType, CTL.Resolution, CTL.Feedback, CTL.TemplateID";
                 CmdTxt = CmdTxt + " from [tblCSTBenefitList] CBL";
                 CmdTxt = CmdTxt + " LEFT JOIN tblCSTTemplateList CTL";
                 CmdTxt = CmdTxt + " ON CBL.ID = CTL.BenefitID";
                 CmdTxt = CmdTxt + " where CBL.ID > '0'";
                 CmdTxt = CmdTxt + " ORDER BY CBL.[Category], CBL.[Provision] ASC";

                 cmd.CommandText = CmdTxt; 
                 cmd.CommandType = CommandType.Text;   
                 SqlDataAdapter da = new SqlDataAdapter(cmd);   

                 da.Fill(dt);   
                 cmd.Dispose();   
                 connection.Close();   
             }   
         }
         catch (Exception ex) { Response.Write(ex.Message); }

        #endregion

        #region Create accordion with properties

        Accordion acrDynamic = new Accordion();
        acrDynamic.ID = "MyAccordion";
        acrDynamic.SelectedIndex = -1;//No default selection   
        acrDynamic.RequireOpenedPane = false;//no open pane   
        acrDynamic.HeaderCssClass = "accordionHeader";//Header class   
        acrDynamic.HeaderSelectedCssClass = "accordionHeaderSelected";//Selected herder class   
        acrDynamic.ContentCssClass = "accordionContent";//Content class  

        #endregion

        #region Create the panes

        Label lbTitle;   
        Label lbContent;   
        AccordionPane pane;   
        string Content = "";


        for (int i = 0; i < dt.Rows.Count; i++)   
        {
            if (Content == "")
                Content += "<table class='hoverTable'><tr><th bgcolor='#5D7B9D' width='440px'><font color='#fff'>Provision</th><th bgcolor='#5D7B9D' width='120px'><font color='#fff'>Mark For Review</th><th bgcolor='#5D7B9D' width='120px'><font color='#fff'>Issue Type</th><th bgcolor='#5D7B9D' width='120px'><font color='#fff'>Resolution</th><th bgcolor='#5D7B9D' width='120px'><font color='#fff'>Feedback</th><th bgcolor='#5D7B9D' width='60px'><font color='#fff'>Edit</th></tr>";

            string BranchName = dt.Rows[i]["Category"].ToString();   
            string Next_Branch = "";   

            if (i != dt.Rows.Count - 1)   
                Next_Branch = dt.Rows[i + 1]["Category"].ToString();

            Content += "<tr>";
            Content += "<td>" + dt.Rows[i]["Provision"].ToString() + "</td>";
            Content += "<td>" + dt.Rows[i]["MarkForReview"].ToString() + "</td>";
            Content += "<td>" + dt.Rows[i]["IssueType"].ToString() + "</td>";
            Content += "<td>" + dt.Rows[i]["Resolution"].ToString() + "</td>";
            Content += "<td>" + dt.Rows[i]["Feedback"].ToString() + "</td>";
            Content += "<td><input type=\"submit\" ID=\"btnEdit\" name=\"ctl00$MainContent$btnEdit_OnClick\" onserverclick=\"btnEdit_OnClick()\" UseSubmitBehavior=\"False\" value=\"Edit\" /></td>";
            Content += "</tr>"; 

            if (BranchName != Next_Branch) //if last row of branch   
            {
                Content += "</table>";
                pane = new AccordionPane();   
                lbTitle = new Label();   
                lbContent = new Label();   
                pane.ID = "Pane_" + BranchName.ToString();   
                lbTitle.Text = BranchName;   
                pane.HeaderContainer.Controls.Add(lbTitle);   
                lbContent.Text = Content;   
                pane.ContentContainer.Controls.Add(lbContent);   
                acrDynamic.Panes.Add(pane);   
                Content = "";   
            }
        }

        #endregion

        #region Add the accordion to the page

        MyContent.Controls.Add(acrDynamic);

        #endregion

    }

    protected void btnEdit_OnClick(object sender, EventArgs e)
    {
        MdlCommentsExtender.Enabled = true;
        MdlCommentsExtender.Show();
        ScriptManager.GetCurrent(this).SetFocus(this.txtCommentBox);
    }

    protected void mdlCommentsOk_Click(object sender, EventArgs e)
    {
        MdlCommentsExtender.Hide();
    }
}

而已。 这就是我的全部代码。 它像冠军一样运行。 除了以下几点：当前的“编辑”按钮是在#region Create the panes部分的此行#region Create the panes ：

Content += "<td><input type=\"submit\" ID=\"btnEdit\" name=\"ctl00$MainContent$btnEdit_OnClick\" onserverclick=\"btnEdit_OnClick()\" UseSubmitBehavior=\"False\" value=\"Edit\" /></td>";

这会导致回发，并且会否定我的模式形式。 因此，我需要做的是将其更改为asp：Button按钮，以便可以调用模态窗口。

谁能告诉我该怎么做？ 假设我是个白痴（因为有点像），请在您的解释中明确指出。

Answer 1

我将始终尝试防止在代码背后创建html标记，特别是如果您仍然打算利用ASP.NET管道的话。 如果可以确保在页面加载时重新生成控制树，则更改后的代码将如下所示：

Table table = null;

string BranchName = null;

for (int i = 0; i < dt.Rows.Count; i++)
{
    TableRow tr;
    if (BranchName != dt.Rows[i]["Category"].ToString())
    {
        BranchName = dt.Rows[i]["Category"].ToString();
        // setup pane
        pane = new AccordionPane();
        // add pane to accordion
        acrDynamic.Panes.Add(pane);

        // pane content
        lbTitle = new Label();
        pane.ID = "Pane_" + BranchName;
        lbTitle.Text = BranchName;
        pane.HeaderContainer.Controls.Add(lbTitle);

        // pane container will have the table
        table = new Table();
        // set properties like class, height .. etc
        table.CssClass = "hoverTable";
        // add it to a container
        pane.ContentContainer.Controls.Add(table);

        // top row
        tr = new TableRow();
        // cells
        TableHeaderCell th = new TableHeaderCell();
        th.Width = 440;
        th.Text = "Provision";
        // set other properties
        tr.Controls.Add(th);
        // create next control
        th = new TableHeaderCell();
        th.Width = 120;
        th.Text = "Mark for Review";
        // set other properties
        tr.Controls.Add(th);
        // etc for other columns
        table.Controls.Add(tr);

    }

    tr = new TableRow();
    TableCell tc = new TableCell();
    tc.Text = dt.Rows[i]["Provision"].ToString();
    tr.Controls.Add(tc);
    tc = new TableCell();
    tc.Text = dt.Rows[i]["MarkForReview"].ToString();
    tr.Controls.Add(tc);
    // etc for other columns
    // add the button
    tc = new TableCell();
    Button button = new Button();
    button.Text = "Edit";
    button.UseSubmitBehavior = false;
    button.Click += new EventHandler(btnEdit_OnClick);
    tc.Controls.Add(button);
    tr.Controls.Add(tc);

    table.Controls.Add(tr);
}

我不确定名称和ID。 我希望该控件将在Button控件的Render方法中获得正确的名称和ID。