Razor in CSS/Less？
Razor in CSS/Less？
提问于 2011-12-21 10:22:08
我有一个视图，在那里我创建了一个容器，并用一些东西填充它。容器名称被传递给视图，所以我的控制器看起来像这样：
public ActionResult Index(string Container = "Products")
{
ViewBag.Container = Container;
return PartialView();
}然后在另一个视图中调用它，如下所示：
@Html.Action("Index", "Product", new { Container = "LatestProducts" })视图在同一页面上包含CSS和Javascript，如下所示：
<div id="@ViewBag.Container">
<div class="New"></div>
<ul></ul>
</div>
<style>
#@ViewBag.Container {
...
}
</style>
<script>
function AddProduct(container, o) {
var ul = $(container).find('ul');
ul.append(o.whatever);
}
$(function() {
@foreach (var item in Model) {
@: AddProduct('#@ViewBag.Container', { whatever: item.whatever });
}
});
</script>我的问题是，现在我把所有的Javascript/Css从页面中剥离出来放到自己的文件中，我不知道如何让Razor写出必要的容器名称……
有谁想过吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-12-03 14:33:02
这篇文章Dynamic Stylesheets Using Razor为这个问题提供了一个很棒的解决方案。这给我留下了一个如何支持Less的问题，但答案可能会来
Stack Overflow用户
发布于 2011-12-21 16:18:01
我不太明白你的javascript的意思。这个javascript所做的一切就是订阅DOM ready事件，找到具有指定id的div，然后找到其中的ul，然后遍历模型并向其添加一些属性。为什么不直接在服务器上生成标记呢？这将变得容易得多：
@model IEnumerable<MyViewModel>
<div id="@ViewBag.Container">
<div class="New"></div>
<ul>
@Html.DisplayForModel()
</ul>
</div>在相应的显示模板(~/Views/Shared/DisplayTemplates/MyViewModel.cshtml)中：
@model MyViewModel
@Html.DisplayFor(x => x.Whatever)就CSS而言，您可以在单独的CSS文件中包含所有可能的样式，这些样式将只在客户端浏览器上提供和缓存一次。因此，即使它会更大，它也会比使用动态规则更快。
Stack Overflow用户
发布于 2011-12-21 10:25:33
使用RazorJS。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8584397
复制相关文章
相似问题
腾讯云开发者
