如何从 ASPX 控制事件中调用 Javascript function？

Question

如何从 ASPX 控制事件中调用 Javascript function？

具体来说，我想从 DropDownList 的 SelectedIndexChanged 事件中调用 function。

Answer 1

每次看到这种问题我都会有点紧张，因为十有八九这意味着提问者并不真正理解发生了什么。

当您的 SelectedIndexChanged 事件在服务器上触发时，它会作为完整回发的一部分触发。 这意味着要运行该代码，您的页面加载代码的整个 rest 也必须运行。

不仅如此，该代码作为来自浏览器的新 http 请求的结果运行。 就浏览器而言，结果中将返回一个全新的页面。 旧页面和旧 DOM 被丢弃。 因此，在您的 SelectedIndexChanged 事件代码运行时，您想要调用的 javascript function 甚至不存在于浏览器中。

那么该怎么做呢？ 你有几个选择：

• 更改页面，使控件根本不会回发到服务器。 在客户端完全检测 javascript 中的变化。 这是我的首选选项，因为它避免了浏览器页面中奇怪的加载脚本，并为您的服务器节省了工作量。 不利的一面是它使您的页面依赖于 javascript，但这并不是什么大问题，因为如果禁用 javascript，这从一开始就注定要失败。
• 使用 ClientScript.SetStartupScript() 将您想要的 javascript 设置为在 SelectedIndexChanged 事件中运行 onload。
• 将 javascript 的预期结果应用于页面的服务器模型。 这具有即使在 javascript 关闭（可访问性）时也能正常工作的优势，但代价是在服务器上做更多工作，花费更多时间推理页面的逻辑 state，并且可能需要复制客户端和服务器端逻辑。 此外，此事件无论如何都取决于 javascript：如果 javascript 被禁用，它将不会触发。
• 第一个和第三个选项的某些组合也是可能的，例如它在本地使用 javascript 如果可用，但如果没有则回发到服务器。 就我个人而言，我希望看到对 ASP.Net 中内置的更好、更直观的支持。 但再说一遍：我说的是一般情况。 此特定事件需要 javascript 才能正常工作。

Answer 2

正如 Muerte 所说，您只需将 javascript 或从后面的代码调用到页面上即可。 我个人使用这个：

ClientScript.RegisterClientScriptBlock("customscript", "<script>simple script here</script>")

如果您在页面上已经有一个更复杂的而不是我拥有的东西，您可以调用 function。

Answer 3

您不能直接从事件中执行此操作，因为 ASPX 控件事件是服务器端的。

您可以做的是在 ASPX 事件中发出 Javascript，该事件将在页面重新加载时调用 JavaScript function。

例如，如果在您的 ASPX 页面中有一个名为“DoSomething()”的 Javascript function，则在您的 ASPX 控件事件中添加以下内容：

protected void btnSubmit_Click(object sender, EventArgs e)
{
    Page.ClientScript.RegisterStartupScript(this.GetType(), "myEvent", "DoSomething()", true);
}

最后一个 boolean 参数定义自动添加标签。

Answer 4

在后面的代码中，通过属性集合将一些标记附加到服务器端控件。 这假设 function 已经在页面可用的客户端脚本文件中。

MyServerDDLControl.Attributes.Add("SelectedIndexChanged", "MyClientSideFunction();");