Question

我有一个ASP.NET Webforms页面，它主要是根据从数据库收到的信息动态生成的。控件被注入UpdatePanel。在大多数情况下，一切都正常，除了一个控件包含一个javascript函数，当用户单击控件内的按钮时执行该函数。该控件在测试页面上完美运行，但在此动态创建的页面中使用时，单击该按钮会返回一个JS控制台错误，指出函数＆＃34;未定义＆＃34;即使通过浏览器进行的页面源检查显示它存在。在将控件注入页面后，尝试通过chrome开发人员工具控制台执行该功能会产生相同的错误。如何使该功能可用于执行？

在高级别/伪代码处，它如下所示：

<Page>
...
     <DynamicWizardControl>
          <UpdatePanel>
               <!--dyanamically injected stuff-->
               <WizardDocumentSubmissionControl>
                    <DocumentSubmissionControl ID="Attachments" runat="server">
                         <asp:Textbox ID='txtFile' runat='server'></asp:Textbox>
                         <asp:Button ID='btnAdd' runat='server' Text='Add File' />
                         <script>
                              function submitFile<%=btnAdd.ClientID%>() {
                                   alert($('#<%=txtFile.ClientID%>').val());
                              }
                         </script>
                    </DocumentSubmissionControl>
               </WizardDocumentSubmissionControl>
               <!--End Dynamically Injected Stuff-->
          </UpdatePanel>
     </DynamicWizardControl>
</Page>

WizardDocumentSubmissionControl的代码隐藏

Page_Load
Attachments.JSSubmitButton.OnClientClick = Attachments.SubmitFileJSFunctionName

DocumentSubmissionControl的代码隐藏

Public ReadOnly Property SubmitFileJSFunctionName As String
    Get
        Return "submitFile" & btnAdd.ClientID
    End Get
End Property
Public ReadOnly Property JSSubmitButton As Button
    Get
        Return btnAddJS
    End Get
End Property

Answer 1

因此，似乎动态注入的控件不会将javascript注册到DOM。我通过使用ScriptManager.RegisterClientScriptBlock来工作来注册整个javascript函数，这是我希望避免的，因为我觉得JS应该存在于控件的HTML部分内，而不是后面的代码。如果有人知道更好的方法，请告诉我。

更新面板内的动态添加用户控件内的Javascript函数未定义

1 个答案: