如何在自定义控件中添加.js文件引用

本文关键字:js 文件 引用 添加 自定义控件 | 更新日期: 2023-09-27 18:17:48

我已经创建了一个user control,需要将user control转换为dllcustom control

user control我需要使用两个javascripts也。现在谁能帮助我知道我如何添加。js文件引用到自定义控制代码?

用户控件代码:

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
  <script src="Scripts/jquery.MultiFile.pack.js" type="text/javascript"></script>
    <div><%-- accept attribute can be used like accept="png|jpg"--%>
                    Multiple File Upload<br />
                    <asp:FileUpload ID="FileUpload10" runat="server" class="multi" accept="" />
                    <asp:Button ID="Button3" runat="server" Text="Submit" OnClick="jQueryUploadFiles" />
        <br />
        <asp:Label ID="lblMessage" runat="server" EnableViewState="false" ForeColor="Green" />
        <br />
        <asp:Label ID="lblError" runat="server" EnableViewState="false" ForeColor="Red" />
    </div>

usercontrol.ascx.cs

  private void FileUploadUsingJQuerySelectionMethod()
        {
            // check if file has been selected
            HttpFileCollection files = Request.Files;
            for (int i = 0; i < files.Count; i++)
            {
                HttpPostedFile file = files[i];
                if (file.ContentLength > 0)
                {
                    string path = ConfigurationManager.AppSettings["FilePath"];
                    string fileName = Path.GetFileName(file.FileName);
                    // now save the file to the disk
                    file.SaveAs(path + fileName);
                    lblMessage.Text += "File : <b>" + fileName + "</b> uploaded successfully !<br />";
                }
            }
        }

如何在自定义控件中添加.js文件引用

如果我正确理解你的问题,你想确保无论你在哪里使用这个用户控件,必要的js文件也被加载?

我建议你看一下ClientDependency Framework。

项目描述:

ClientDependency Framework被设计用来关联你的任何视图&控件到CSS和JavaScript文件,而不必担心其他视图或控件是否已经注册,使开发web组件更容易,因为每个组件都有自己的依赖项注册为它的功能。

如果你觉得这个框架有点过分,你可以使用scriptmanager控件在包含页面中包含你的js文件。关于如何做到这一点的解释可以在这里找到:http://www.infinitezest.com/articles/embedding-javascript-files-in-your-custom-controls.aspx