通过内容页面上的 DropDownList 更改动态控件

Question

问题：带有带有 UpdatePanel 和占位符的向导控件的内容页面。 UpdatePanel 上方是一个 DropDownList。当用户更改下拉列表中的选择时，我需要在下拉列表下方显示不同的输入控件。当用户单击向导控件上的“下一步”时，我还需要能够从这些动态控件中获取数据。

我知道所有动态控件都必须在 OnInit 方法中创建，以便在回发期间从这些控件中获取数据。但是，当触发下拉列表的 SelectedIndexChanged 事件时，将调用 OnInit 方法...然后调用 PageLoad...最后调用 SelectedIndexChanged 事件的处理程序。 ViewState 直到 OnInit 和 OnInit 之后很久才恢复。 PageLoad 方法已被调用，因此无法知道调用 OnInit 时用户在列表框中选择了什么...这正是我需要创建动态控件时的情况。

那么...你如何解决这个问题呢？您是否只需使用 JavaScript 编写整个页面或大部分页面？

提前致谢。

Answer 1

我倾向于使用老式方法来满足此类要求。我将编写更新面板中所需的所有控件，并将其 Visible 属性设置为 false。然后，在回发时读取下拉列表的状态并将适当的控件 Visible 属性设置为 true。这样就没有“动态”控件，并且由于 Visible 属性为 false 的控件不会呈现，因此在用户看到它们之前不会下载它们。

Answer 2

您还可以使用 asp:hiddenfield 并将值设置为您在心里创建的 case var。然后在上面运行一个小的 jQuery 脚本来查看，

$(document).on("change", "#ddlSelector", setControls);

然后只需创建一个函数，例如：

function setControls(event) { 
    event.preventDefault();
    var selector = hiddenfield.val();
}

然后可以通过获取标签来完成任何要显示/隐藏的项目：

$("#elementName").css("display", "inline"); 

或显示，无隐藏。
我在工作中使用了这个，因为有时您需要在不触发回发的情况下进行更改，但在他们参与表单时仍然收集数据。

为了代码的强度和安全性，我通常在许多事件中避免使用 jQuery，但有时使用 jQuery 来操作 DOM 元素会容易得多。