ASP.NET中动态创建控件并保留状态：FormView绑定多题型问题与选项

嘿，我完全懂你现在的困扰——用FormView绑定问题和选项时，不同题型要生成不同控件，普通的动态控件方案确实适配不了FormView的生命周期逻辑。我之前也踩过这个坑，给你分享个靠谱的实现思路：

核心要点：抓准FormView的生命周期时机 #

动态控件必须在Page_Init或者FormView.ItemCreated事件中创建并添加到容器里，这样才能保证回发时控件状态不丢失。如果你在DataBound里才创建，回发后控件会消失，状态也找不回来。

具体实现步骤 #

1. 先在FormView里留一个容器占位 #

在你的FormView模板里加一个PlaceHolder，用来放动态生成的控件：

<asp:FormView ID="fv_question_option" runat="server" OnItemCreated="fv_question_option_ItemCreated" OnDataBound="fv_question_option_DataBound">
    <ItemTemplate>
        <h3><%# Eval("QuestionContent") %></h3>
        <!-- 动态控件容器 -->
        <asp:PlaceHolder ID="ph_options_container" runat="server"></asp:PlaceHolder>
    </ItemTemplate>
</asp:FormView>

2. 在ItemCreated事件中初始化动态控件 #

这里先根据题型创建对应的控件类型，先把控件实例化并添加到容器，后续再绑定数据：

protected void fv_question_option_ItemCreated(object sender, EventArgs e)
{
    if (fv_question_option.DataItem != null)
    {
        DataRowView rowView = (DataRowView)fv_question_option.DataItem;
        string questionType = rowView["QuestionType"].ToString();
        PlaceHolder phContainer = (PlaceHolder)fv_question_option.FindControl("ph_options_container");

        // 根据题型创建对应控件
        WebControl optionControl = null;
        switch (questionType)
        {
            case "单选题":
                optionControl = new RadioButtonList();
                ((RadioButtonList)optionControl).RepeatDirection = RepeatDirection.Vertical;
                break;
            case "多选题":
                optionControl = new CheckBoxList();
                ((CheckBoxList)optionControl).RepeatDirection = RepeatDirection.Vertical;
                break;
            case "填空题":
                optionControl = new TextBox();
                ((TextBox)optionControl).Width = Unit.Pixel(300);
                break;
            // 其他题型可以继续扩展
        }

        if (optionControl != null)
        {
            optionControl.ID = "ctl_option_" + questionType;
            phContainer.Controls.Add(optionControl);
        }
    }
}

3. 在DataBound事件中绑定选项数据 #

控件创建好后，在DataBound里从你的选项DataTable中获取对应问题的选项，绑定到动态控件上：

protected void fv_question_option_DataBound(object sender, EventArgs e)
{
    if (fv_question_option.DataItem != null)
    {
        DataRowView rowView = (DataRowView)fv_question_option.DataItem;
        int questionId = Convert.ToInt32(rowView["QuestionID"]);
        string questionType = rowView["QuestionType"].ToString();
        PlaceHolder phContainer = (PlaceHolder)fv_question_option.FindControl("ph_options_container");
        WebControl optionControl = phContainer.FindControl("ctl_option_" + questionType);

        // 从选项DataTable中筛选当前问题的选项
        DataTable dtOptions = yourOptionsDataTable.Clone();
        foreach (DataRow row in yourOptionsDataTable.Select($"QuestionID = {questionId}"))
        {
            dtOptions.ImportRow(row);
        }

        // 根据控件类型绑定数据
        if (optionControl is ListControl listCtrl)
        {
            listCtrl.DataSource = dtOptions;
            listCtrl.DataTextField = "OptionContent";
            listCtrl.DataValueField = "OptionID";
            listCtrl.DataBind();
        }
        else if (optionControl is TextBox txtBox)
        {
            // 如果需要默认值，可以从选项表中取填空题的提示内容
            DataRow optionRow = dtOptions.Rows.Count > 0 ? dtOptions.Rows[0] : null;
            if (optionRow != null)
            {
                txtBox.Text = optionRow["OptionContent"].ToString();
            }
        }
    }
}

4. 回发时获取动态控件的值 #

因为我们在ItemCreated里每次都重新创建了控件，所以回发时可以直接通过FindControl拿到控件并获取值：

protected void btn_Submit_Click(object sender, EventArgs e)
{
    PlaceHolder phContainer = (PlaceHolder)fv_question_option.FindControl("ph_options_container");
    // 这里可以把当前题型存在ViewState里，或者从FormView的DataItem中重新获取
    string questionType = ViewState["CurrentQuestionType"].ToString();
    WebControl optionControl = phContainer.FindControl("ctl_option_" + questionType);

    string userAnswer = string.Empty;
    if (optionControl is RadioButtonList rbl)
    {
        userAnswer = rbl.SelectedValue;
    }
    else if (optionControl is CheckBoxList cbl)
    {
        userAnswer = string.Join(",", cbl.Items.Cast<ListItem>().Where(i => i.Selected).Select(i => i.Value));
    }
    else if (optionControl is TextBox txt)
    {
        userAnswer = txt.Text;
    }

    // 处理用户答案的业务逻辑
}

关键注意事项 #

• 一定要保证动态控件的ID在每次回发时完全一致，不然ASP.NET会找不到对应的控件状态。
• 如果FormView有分页或者切换数据的情况，要确保每次DataItem变化时都重新生成对应控件。
• 可以把题型判断和控件创建的逻辑封装成单独的方法，避免代码重复，也方便后续扩展新题型。

内容的提问来源于stack exchange，提问作者Nody