在用户控件中注册js以实现模块化的最佳方法

时间:2020-03-06 14:40:14  来源:igfitidea点击:

我有一个这样组织的控件

并且我想在调用主页面等上注册javascript,以便将该控件文件夹拖放到任何地方然后注册,它将知道如何找到js的URL。

这是我到目前为止(在用户控件中)

protected void Page_Load(object sender, EventArgs e)
{
    if(!Page.IsClientScriptBlockRegistered("jqModal"))
        Page.ClientScript.RegisterClientScriptInclude("jqModal", ResolveClientUrl("~js/jqModal.js"));
    if (!Page.IsClientScriptBlockRegistered("jQuery"))
        Page.ClientScript.RegisterClientScriptInclude("jQuery", ResolveClientUrl("~/js/jQuery.js"));
    if (!Page.IsClientScriptBlockRegistered("tellAFriend"))
        Page.ClientScript.RegisterClientScriptInclude("tellAFriend", ResolveClientUrl("js/tellAFriend.js"));
}

有任何想法吗?

解决方案

我们可以使用带有静态方法的帮助器类:

public static class PageHelper {
    public static void RegisterClientScriptIfNeeded( Page page, string key, string url ) {
        if( false == page.IsClientScriptBlockRegistered( key )) {
            page.ClientScript.RegisterClientScriptInclude( key , ResolveClientUrl( url ));
        }
    }
}

或者我们可以在page / webcontrol / usercontrol的某个基类中具有类似的实例方法,这将执行相同的操作。

我看不到我们发布的图片。

我们也可以使用Context.Items来确保每个请求仅添加一次项目,并通过控件本身呈现javascript,尽管我认为registerclient脚本也很棒。

protected override void Render(HtmlTextWriter writer)
    {
        base.Render(writer);
        string[] items = new string[] { "jqModal", "jQuery", "tellAFriend" };
        //Check if the Script has already been rendered during this request.
        foreach(string jsFile in items)
        {          
            if (!Context.Items.Contain(sjsFile))
            {
                //Specify that the Script has been rendered during this request.
                Context.Items.Add(jsFile,true);
                //Write the script to the page via the control
                writer.Write(string.Format(SCRIPTTAG, ResolveUrl(jsFile)));
            }
        }
     }