【问题标题】:place css file in head from partial view从局部视图将 css 文件放在头部
【发布时间】:2012-03-15 15:13:51
【问题描述】:

您好,我试图从局部视图或控制器 (mvc) 中将链接文件放在头部,但无法找出或找到任何好的 mvc 2 示例,有人知道吗?

我试过this Jim Tollan 发表的评论

它在正文中为我呈现以下内容,我不确定这是否有好处?

<script type='text/javascript'>

    $(function(){

        $('head').prepend('<link rel="canonical" href="/product/productname/productid"></link>');

    });

</script>

如果我现在整天在这个问题上摸不着头脑,我将不胜感激。

编辑
这是我当前的代码(这只是复制我真实场景的模型代码)

在索引页上

头部内容

<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
    <%: ViewData["Message"] %>
</asp:Content>

身体

<div id="container">
        empty
</div>

    <a href="#" class="click-me">Click me</a>

控制器操作

public ActionResult Index()
    {
        ViewData["Message"] = "this is";
        return View();
    }

[HttpPost]
public PartialViewResult Index(string value)
{
    ViewData["Message"] = "this is not";
    return PartialView("_homePartial");
}

jquery

 $(".click-me").click(function () {
                $.post("/Home/Index", function (data) { $('#container').html(data); }, "html");

就是这样,很明显 viewdata 是在控制器的 post 操作中设置的,但之后没有设置,这就是为什么我需要一个 jquery 解决方案或一种在 parialview 中设置头部内容的方法。 });

【问题讨论】:

  • 是否有机会升级到 ASP.Net MVC 3 并开始使用带有 @RenderSection 语法的 Razor?
  • 您尝试了链接到的 stackoverflow 问题中的哪种方法?
  • @ShaneCourtrille,这有什么帮助?
  • @Scorpion-Prince 吉姆·托兰制作的一款
  • @ShaneCourtrille 不,我不可能升级

标签: jquery asp.net-mvc asp.net-mvc-2


【解决方案1】:

由于您使用的是 Mvc 2,因此您可以使用 ViewData

使用适当的链接在局部视图中设置 ViewData。

ViewData["productlink"] = "/product/productname/productid";

在布局页面中有这个代码在head部分

if(ViewData["productlink"] != null){
     <link rel="canonical" href="<%= ViewData["productlink"].toString() %>"></link>
}

【讨论】:

  • 好的,我可以在操作中呈现链接,但我使用 jquery 来呈现部分内容,所以我的问题是你的示例会将它放在视图标题内容占位符中并在这种情况下呈现它吗?就像我说的那样,我试图从局部视图中做到这一点
  • 试过了还是不行,需要从局部视图更新头部。
【解决方案2】:

我还必须确定此解决方案的效果并对其进行监控,但这就是我最终要做的。我把它放在我的局部视图中,就是这样。如果有人对此有好有坏的评论,请告诉我。

$('head').append('content');

【讨论】:

    猜你喜欢
    • 2011-07-03
    • 1970-01-01
    • 1970-01-01
    • 2019-09-04
    • 2022-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多