[英]What is the proper way to dynamically add CSS or JS using ClientDependency Framework?
我很遺憾地說,但文檔有點缺乏: https : //github.com/Shazwazza/ClientDependency/wiki/Webforms
我正在嘗試動態注冊依賴項,但無法正確獲取語法:
<%@ Page Language="C#" AutoEventWireup="false" %>
<%@ Register TagPrefix="CD" Namespace="ClientDependency.Core.Controls" Assembly="ClientDependency.Core" %>
<script runat="server">
protected override void OnLoad(EventArgs e)
{
if (Request.Cookies["AAPGmobile"] != null && Request.Cookies["AAPGmobile"].Value == "Mobile")
{
//mobile
ClientDependencyLoader.RegisterDependency("~/Style/mobile.css",ClientDependencyType.Css);
}
else
{
//desktop
ClientDependencyLoader.RegisterDependency("~/Style/desktop.css",ClientDependencyType.Css);
}
}
</script>
文件HEAD:
<CD:ClientDependencyLoader runat="server" id="Loader" />
<asp:PlaceHolder runat="server" ID="CssPlaceHolder"></asp:PlaceHolder>
<asp:PlaceHolder runat="server" ID="JavaScriptPlaceHolder"></asp:PlaceHolder>
我也嘗試過使用它,但是出現了錯誤:
bool successfullyCreated;
var loader = ClientDependencyLoader.TryCreate(this.Page, out successfullyCreated);
而這,但有一個不同的錯誤:
var loader = ClientDependencyLoader.GetInstance(currentHttpContext);
請幫助語法或指出我正確的方向。 謝謝!
這是我發現似乎有效的解決方案 - 我在這里發布它以防其他人遇到類似的情況:
對於CSS:
ClientDependencyLoader.Instance.RegisterDependency("~/Style/mobile.css",ClientDependency.Core.ClientDependencyType.Css);
對於JS:
ClientDependencyLoader.Instance.RegisterDependency("~/Style/mobile.js",ClientDependency.Core.ClientDependencyType.Javascript);
請注意,我不是要單獨創建或引用現有的Loader,語法會處理它。
該解決方案改編自此頁面上的代碼: https : //our.umbraco.org/forum/developers/razor/35307-Using-ClientDependency-Framework-from-a-Razor-Macro
希望這有助於某人!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.