我一直在尝试找到一种方法,通过Castle MonoRails和NVelocity视图引擎中<body>
标记内的标记,以编程方式将指向外部CSS文件的链接添加到<head>
标记。有人知道怎么做吗?
我需要解决这个问题,因为我工作的页面可能由许多"小部件"组成,每个小部件都会以最佳方式获得额外的资产,如JS和CSS,而不是将<link ..>
放在body标签中,并面临呈现问题的风险。
此处发布的解决方案无法正常工作。更好的方法是将脚本添加到httpContext.Current.Items
使用与@jishi相同的结构:
在您的视图或视图组件中,您可以调用以下内容:
$Style.Add("/static/style1.css")
在你的布局(头部):
$Style.Render()
您的助手由两个简单的方法组成,它们使用httpcontext来存储和检索文件列表。
public class StyleHelper
{
public static void Add(string file) {
if (string.IsNullOrWhiteSpace(file))
return;
var obj = HttpContext.Current.Items["AssetFiles"] as List<string>; // get the collection which might be empty
if (obj == null || obj.Count == 0) {
IList<string> list = new List<string>();
list.Add(file.ToLower());
HttpContext.Current.Items.Add("AssetFiles", list); // adds your first asset to your collection and returns
return;
}
if (obj.Contains(file.ToLower()))
return; // asset is already added
// new asset ready to be added to your collection
obj.Add(file.ToLower());
HttpContext.Current.Items.Add("AssetFiles", obj);
}
public string Render() {
var obj = HttpContext.Current.Items["AssetFiles"] as List<string>;
if (obj == null || obj.Count == 0)
return ""; // you never added anything to the collection. Nothing more to do.
// not using linq here for the sake of readability:
string res = string.Empty;
foreach (var item in obj) {
res = res + string.Format("<link rel="stylesheet" {0} />", item);
}
return res;
}
}
在您的控制器(最好是基本控制器)中添加以下内容:
[Helper(typeof(StyleHelper),"样式")]公共类YourController
您是在谈论从视图将其添加到布局中吗?因为视图是在布局之前渲染的,这意味着如果您创建一个帮助程序来处理样式块的渲染,这将解决您的问题。
也就是说,在你的视图或视图组件中,你可以调用这样的东西:
$Style.Add("/static/style1.css")
在你的布局(头部):
$Style.Render()
下面是一个示例帮助程序(继承AbstractHelper是可选的):
public class StyleHelper : AbstractHelper
{
private readonly HashedSet<string> sheets = new HashedSet<string>();
public void Add( string styleSheet )
{
Add( styleSheet, "all" );
}
public void Add( string styleSheet, string media )
{
this.sheets.Add( String.Format( "media="{0}" href="{1}"", media, styleSheet ) );
}
public string Render()
{
var str = new StringBuilder();
this.sheets.ToList().ForEach( sheet => str.AppendLine( String.Format( "<link rel="stylesheet" {0} />", sheet ) ) );
return str.ToString();
}
}
AbstractHelper是Castle.Monorail.Framework.Helpers的一部分。您不需要继承它,除非您想利用该抽象实现所公开的功能。然后,将其添加到您的控制器中,无论是基本控制器还是特定控制器:
[Helper( typeof( StyleHelper ), "Style" )]
public class YourController
CaptureFor
我发现有一个组件正是我在这里寻找的。
视图中:
#capturefor(capturefortest)
Default way of printing. Use this for unique variables, such as title.
#end
#blockcomponent(CaptureFor with "id=capturefortest" "append=before")
This will append before 1.
#end
#blockcomponent(CaptureFor with "id=capturefortest" "append")
This will append after 1.
#end
#blockcomponent(CaptureFor with "id=capturefortest" "append")
This will append after 1 and 3.
#end
#blockcomponent(CaptureFor with "id=capturefortest")
Overrides everything defined before this.
#end
布局/母版页:
$capturefortest
逃离#:
在#blockcomponent(CaptureFor)中放入#时,例如在jQuery ID选择器中,您会得到一个错误。这可以通过在AssetFilter中设置一些全局可用的变量并使用${HASH}打印#来避免。单引号和引号也很好:
controllerContext.PropertyBag.Add("HASH", "#");
controllerContext.PropertyBag.Add("Q", '"');
controllerContext.PropertyBag.Add("sq", "'");
现在你可以安全地做:
#blockcomponent(CaptureFor with "id=capturefortest" "append=before")
<script type="text/javascript">
jQuery('#container').html('Awesomeness!')
</script>
#end
多亏了Javascript才有可能!以下是我如何将样式附加到<head>
:
<script type="text/javascript">
var cssNode = document.createElement('link');
cssNode.setAttribute('rel', 'stylesheet');
cssNode.setAttribute('href', 'http://path.to/your/file.css');
cssNode.setAttribute('type', 'text/css');
document.getElementsByTagName('head')[0].appendChild(cssNode);
</script>