9

我有一个 ASP.NET 服务器控件,它依赖于 JQuery 来实现某些功能。我试图添加为网络资源。

我的问题是我包含 jquery 文件的方法将其添加到正文,或者确切地说是表单:

this.Page.ClientScript.RegisterClientScriptInclude(...)

对此的替代方法是将其作为文字添加到 head 标签中:

LiteralControl include = new LiteralControl(jslink);
this.Page.Header.Controls.Add(include);

然而,这个问题是头部中任何使用 JQuery 的现有代码 src 都失败,因为 JQuery 是在之后加载的(ASP.NET 在控制树的底部添加了文字)。

有没有一种实用的方法让 JQuery 成为嵌入式资源,但首先加载到头部?还是我现在应该放弃。

4

2 回答 2

7

如果您想打包 jQuery 并将其嵌入到您自己的服务器控件中,您应该使用 ScriptManager 将其提供给客户端。从我的头上,你必须:

  1. 将 jQuery.js 添加到您的项目中
  2. 在其“构建操作”属性下,使其成为嵌入式资源
  3. 在您的控件的 AssemblyInfo.cs 中添加

    [assembly: WebResource("<Your Server Control namespace>.jQuery.js", "application/x-javascript")]
    
  4. 使您的控件继承自 System.Web.UI.ScriptControl(或至少实现IScriptControl

  5. 覆盖 GetScriptReferences:

    protected override IEnumerable<ScriptReference>
    GetScriptReferences()
    {
    return new ScriptReference[] { 
        new ScriptReference("<Your Server Control namespace>.jQuery.js", this.GetType().Assembly.FullName),
    };
    }
    

您自己的所有客户端脚本都应该在里面设置:

protected override IEnumerable<ScriptDescriptor> GetScriptDescriptors()

这将确保依赖关系的正确顺序(即 jQuery 将可用于您自己的客户端脚本)。

于 2009-01-08T14:37:49.480 回答
1

更新:

一个更简单的方法是简单地在脚本中动态添加脚本标签并指向谷歌代码托管。例如

function include_dom(script_filename) {
    var html_doc = document.getElementsByTagName('head').item(0);
    var js = document.createElement('script');
    js.setAttribute('language', 'javascript');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', script_filename);
    html_doc.appendChild(js);
    return false;
}

include_dom("http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js");

函数取自这篇文章


Crecentfresh 把我推向了正确的方向,我也发现

http://en.csharp-online.net/Creating_Custom_ASP.NET_AJAX_Client_Controls—IScriptControl.GetScriptReferences_Method

My problem still remains though, the ScriptManager adds the references after the script in the head but I think this is an issue that can't be resolved. I've opted to answer myself but also upvoted crescentfresh.

于 2009-01-26T00:03:18.337 回答