Question

我有一个WebForms应用程序，可以在页面上生成动态选择元素。我不知道会出现多少，因为这取决于数据库中有多少条记录。以下是在Page_Load上执行的代码的一部分。

foreach (int studioId in studioIds)
            {
                DataRow studio = DAL.Database.Object_Get(Database.ObjectType.Studio, studioId).Rows[0];
                var studioName = studio["name"].ToString();
                string literal = string.Format("<div class=\"form-group\">" +
                                                "<label for=\"team_filter_{0}\" class=\"col-md-3 control-label text-nowrap\">{1}</label>" +
                                                "<select id=\"team_filter_{0}\" class=\"col-md-9\" multiple=\"true\">" +
                                                "<option value=\"studio_{0}\" data-type=\"studio\">All {1}</option>", studioId, studioName);

                // ...
                literal += "<optgroup label=\"Games\">";
                literal += "<option value=\"game_0\" data-type=\"game\">All Games</option>";

                literal += "</optgroup>";

                literal += "</select>" +
                            "</div>";

                filterselectors.Controls.Add(new LiteralControl(literal));

如果查看select元素，我会生成一个id（即team_filter_1，team_filter_2）并附加数据库记录的主键。

在同一页面上，我有一个按钮，它调用以下方法处理选择列表中的已检查选项（我使用Bootstrap multiselect插件）。

private bool GenerateFinancialReport()
    {            
        HtmlSelect select = (HtmlSelect)Page.FindControl("team_filter_???");
        QueryDropDown(select, DAL.Database.ObjectType.Game, out games, out gameNames);

        // ...            
    }

我有两个问题，我必须参考所有选择元素，但我不知道他们的身份。其次，我不认为我可以使用FindControl方法，因为这不是服务器控件。我尝试过硬编码＆＃34; team_filter_1＆＃34;在我对上面的FindControl的调用中，但是select变量始终为null。

我也尝试在代码隐藏中使用服务器控件，如下所示，但我仍然遇到同样的问题。当页面被回发时，我无法引用代码隐藏中的下拉列表：

foreach (int studioId in studioIds)
            {
                DataRow studio = DAL.Database.Object_Get(Database.ObjectType.Studio, studioId).Rows[0];
                var studioName = studio["name"].ToString();

                // Start
                Panel formGroup = new Panel();
                formGroup.Attributes.Add("class", "form-group");

                Label label = new Label();
                label.Attributes.Add("for", "team_filter_" + studioId);
                label.Attributes.Add("class", "col-md-3 control-label text-nowrap");
                label.Text = studioName;

                HtmlSelect teamfilter = new HtmlSelect();
                teamfilter.ID = "team_filter_" + studioId;
                teamfilter.Attributes.Add("class", "col-md-9");
                teamfilter.Attributes.Add("multiple", "true");

                ListItem listItem = new ListItem("All " + studioName, "studio_" + studioId);
                listItem.Attributes.Add("data-type", "studio");
                teamfilter.Items.Add(listItem);

                listItem = new ListItem("All Games", "game_0");
                listItem.Attributes.Add("data-type", "game");
                teamfilter.Items.Add(listItem);

                formGroup.Controls.Add(label);
                formGroup.Controls.Add(teamfilter);
                filterselectors.Controls.Add(formGroup);

Answer 1

您将无法从服务器检索数据，尤其是因为您没有使用服务器控件。我相信最好的（也就是最简单，最简单的）选项可能是通过javascript获取ID，然后通过ASP.NET Web API控制器将它们传递给服务器，或者将以逗号分隔的ID列表粘贴到ASP中隐藏输入字段。

Javascript获取选项值并存储它们对于bootstrap multiselect插件会是这样的：

var selectedIDs = [];
var stringVal = '';
$('div.form-group ul.multiselect-container.dropdown-menu li.active').each(function(i){
    selectedIDs.push($(this).attr('value'));
});

stringVal = selectedIDs.join();

$('#myHiddenField').val(stringVal);

WebForms：参考动态控制

1 个答案: