向用户控件注册脚本

Registering script with User Control

本文关键字：脚本 注册 控件 用户      更新时间：2023-09-26

我有一个 asp.net 网络表单应用程序，我正在开发。它使用主 aspx 页创建布局，然后使用面板中的 ascx 页来显示数据。

我需要做的是将javascript与用户控件(ascx文件(一起使用。

我认为在主 aspx 页面上有一个脚本管理器将允许我在 .ascx 页面上的Page_Load函数中注册脚本。

以下是我正在尝试执行的操作的基本示例：

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
    Dim csConsoleLogSomething As String = "ConsoleLogSomethingScript"
    Dim consoleLogScript As String = "function logSomething() {  console.log('SOMETHING'); }"
    Dim cs As ClientScriptManager = Me.Page.ClientScript
    cs.RegisterStartupScript(Me.GetType(), csConsoleLogSomething, consoleLogScript, True)
    'I have also tried using: Dim cs As ClientScriptManager = Me.Parent.Page.ClientScript
End Sub

以下是 ascx 页面上的 HTML：

<table width="100%" cellpadding="0" cellspacing="0" style="margin: 0px;">
    <tr>
        <td>
            <input id="btnWTF" type="button" onclick="logSomething()" value="DO SOMETHING FOR THE LOVE OF MOSES" />
        </td>
    </tr>
</table>

下面是主 aspx 页上的脚本管理器声明： 

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableTheming="True" EnablePageMethods="true">
</asp:ScriptManager>

我还尝试创建一个简单的警报以在页面加载时出现，但我无法执行任何脚本。当我按下按钮时，我得到"引用错误：日志未定义某些内容">

任何帮助将不胜感激。

对于踢球，我也只是尝试了这种方法无济于事：

ScriptManager.RegisterStartupScript(Button1, Button1.GetType(), csConsoleLogSomething, consoleLogScript, True)

按钮 HTML：

<asp:Button ID="Button1" runat="server" Text="Button"/>

这导致向 aspx 主页发布帖子。控制台中未记录任何内容。如果可能的话，我想远离asp控件。最终目标是将jQuery集成到此应用程序中。

我相信

我已经达到了你想要的结果。

我的 Aspx：

<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnableTheming="True" EnablePageMethods="true">
        </asp:ScriptManager>
        <div>
            <table width="100%" cellpadding="0" cellspacing="0" style="margin: 0px;">
                <tr>
                    <td>
                        <input id="btnWTF" type="button" onclick="logSomething()" value="DO SOMETHING FOR THE LOVE OF MOSES" />
                    </td>
                </tr>
            </table>
        </div>
    </form>

我的代码隐藏：

 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        ScriptManager.RegisterStartupScript(Page, Page.GetType(), Guid.NewGuid().ToString(), "function logSomething() {  alert('SOMETHING'); }", True)
 End Sub

可能是您对脚本管理器作为对象的调用不正确。您不需要将 ScriptManager 添加到变量中，只需直接通过 ScriptManager 对象调用它即可。

首先，确保控件具有作为父控件的UpdatePanel。如果这不起作用，请将其保留在那里，然后首先尝试在页面上注册脚本，并检查页面加载时是否调用了该脚本。

根据您的注释，最好将页面和MasterPage作为框架，而不是使用控件来包含子页面。

相关文章：