Html 渲染不正确,并且没有使用 Ajax.ActionLinks 设置 Viewbag.Title

2024-03-25

_ViewStart.cshtml

@{
    Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/_Layout.cshtml";     
}

_布局.cshtml

...
</head>
<body>
    <div id="NavigationPanel">
        @{ AjaxOptions options = new AjaxOptions
       {
           InsertionMode = InsertionMode.Replace,
           UpdateTargetId = "ContentPanel",
           OnBegin = "OnBeginAnimateContentPanel",
           OnComplete = "OnCompleteAnimateContentPanel",
       };}
        <div>
            <p>@Ajax.ActionLink("Users", "Index", "User", options)</p>
            <p>@Ajax.ActionLink("Groups", "Index", "Group", options)</p>
            <p>@Ajax.ActionLink("Permissions", "Index", "Permission", options)</p>
        </div>
    </div>
    <div id="ContentPanel">
        @RenderBody()
    </div>
</body>
</html>

Global.Asax.cs

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

    routes.MapRoute(
        "Default", // Route name
        "{controller}/{action}/{id}", // URL with parameters
        new { controller = "Main", action = "Index", id = UrlParameter.Optional }
    );
}

MainController.Index 操作:

public ActionResult Index()
{
    return View();
}

主视图索引.cshtml

@{
    ViewBag.Title = "Test-Index";
}

this is the Index View of the MainController

用户/组/权限控制器的索引视图+操作类似于主控制器的索引。标题设置为 ViewBag 和一些小测试文本。

这里有一件事出了问题。

尽管当我单击这些 Ajax.ActionLInks 之一时,视图在 #ContentPanel 中正确呈现,但每个视图(用户/组/权限)的标题永远不可见...但是当我检查 html 源代码时:

ContentPanel 中的内容是索引视图中的内容???

这是为什么?如何为每个 Ajax.ActionLink 设置视图标题?

<body>
  <div id="NavigationPanel">
    <p><a data-ajax="true" data-ajax-begin="OnBeginAnimateContentPanel" data-ajax-complete="OnCompleteAnimateContentPanel" data-ajax-mode="replace" data-ajax-update="#ContentPanel" href="/User">Users</a></p>
    <p><a data-ajax="true" data-ajax-begin="OnBeginAnimateContentPanel" data-ajax-complete="OnCompleteAnimateContentPanel" data-ajax-mode="replace" data-ajax-update="#ContentPanel" href="/Group">Groups</a></p>
    <p><a data-ajax="true" data-ajax-begin="OnBeginAnimateContentPanel" data-ajax-complete="OnCompleteAnimateContentPanel" data-ajax-mode="replace" data-ajax-update="#ContentPanel" href="/Permission">Permissions</a></p>
  </div>
  <div id="ContentPanel">
    this is the text within the Index View of the MainController
  </div>
</body>

当您查看源代码时,您正在查看的源代码最初加载;通过 AJAX 加载的内容将不会出现。但是,如果您使用 DOM 检查器,它将显示动态加载的内容。至少在 Chrome 中是这样的;我想其他浏览器也是一样的。

检查 DOM 检查器,看看代码是否符合您的预期(在 Chrome 和 Firefox 上右键单击“检查元素”)。

至于设置标题,这不能通过 AJAX 来完成,至少在没有 Javascript 帮助的情况下是这样。在您的部分视图中,尝试以下 Javascript:

<script>
  document.title = "My New Title Here";
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Html 渲染不正确,并且没有使用 Ajax.ActionLinks 设置 Viewbag.Title 的相关文章

  • 如何让实体框架初始化新创建的实体上的集合?

    我正在尝试用一些测试数据来种子我的数据库IDatabaseIntialiser像这样 protected override void Seed BlogDataContext context
  • 数据表 - 从 AJAX 源过滤数据

    我有一个数据表 正在从 api 获取数据 现在我的状态是活动的 非活动的 如果标志是活动的 那么我需要在数据表中显示 否则我不应该显示过期的 这是我的fiddle https jsfiddle net lakshmipriya001 qLp
  • 使用 jQuery 获取 JSON Facebook Graph API 用户信息

    我正在尝试使用图形 API 来获取有关用户的一些基本信息 无需用户授权 只需获取公共详细信息 我正在尝试使用 jQuery 和 getJSON 来获取数据并解析它 但我很难弄清楚如何访问我想要的键值对 我想要有类似的东西 var fburl
  • 使用 jQuery 的 ajax 方法以 blob 形式检索图像

    我最近问了另一个 相关 问题 这导致了这个后续问题 提交数据而不是输入表单的文件 https stackoverflow com questions 17643142 submitting data instead of a file fo
  • 向 jQuery 函数 Interval 添加动画

    我的问题是如何向倒计时器添加一些动画 我的意思是每次调用 Function Interval 时都需要添加一些动画 如下所示 youtube 视频链接 https www youtube com watch v A9fnvhcWPRo 第二
  • System.Web.Mvc.HtmlHelper 不包含以下定义

    我正在尝试使用史蒂夫 桑德森的博客文章 http blog stevensanderson com 2010 01 28 editing a variable length list aspnet mvc 2 style 关于编辑可变长度列
  • Kendo Ui MVC EditorTemplateName 在 PopUp 编辑模式下不起作用

    我想在 Kendo Ui 网格中使用 EditorTemplateName 作为外键列 当网格编辑模式为内联时 一切正常并且我的模板已加载 但是当将模式更改为弹出时不加载模板 如何修复它 Html Kendo Grid
  • Jquery 动画背景图像过渡

    我有一个导航栏 当将鼠标悬停在某个项目上时 背景图像会发生变化 效果很好 但是 我希望该图像从顶部滑入 并在您停止悬停时向上滑回 我一直在尝试使用 JQuery 使用 css bacgroundImage 和滑动或切换来做到这一点 但这些似
  • iframe 随着内容变化自动调整高度

    我有一个 iframe 您可以在以下链接中看到 http one2onecars com http one2onecars com iframe 是屏幕中央的在线预订 我遇到的问题是 虽然 iframe 的高度在页面加载时没问题 但我需要它
  • 在 jQuery Mobile 中将参数传递给 page-id

    我正在尝试将一些参数传递给 jQuery Mobile 中创建的页面 ID 该网站由带有链接的列表视图组成 每个列表视图中都有哈希编码 如下所示 li a href pronostico region 12 ciudad 0 Puerto
  • setInterval() 如何影响性能?

    我们正在使用 Twitter Bootstrap 作为框架构建一个 Web 应用程序 但在显示 隐藏工具提示时遇到问题 除了尝试找到实际问题的解决方案之外 我还有一个关于我们同时使用的解决方法的问题 从性能角度来看 使用 setInterv
  • 检测用户在 jQuery 中向下滚动或向上滚动[重复]

    这个问题在这里已经有答案了 可能的重复 jquery 中向上 向下滚动的区别 https stackoverflow com questions 4989632 differentiate between scroll up down in
  • 如何使用 PHP 中的 jQuery/AJAX 调用迭代 JSON 数组? [复制]

    这个问题在这里已经有答案了 可能的重复 循环Json对象 https stackoverflow com questions 684672 loop through json object 我有一个 PHP 函数 data php 它从外部
  • Jquery 在输入/按键时不起作用

    我正在尝试创建一个简单的搜索框 允许您根据在输入字段中输入的关键字进行搜索 如果您按下 提交 按钮 此操作就可以正常工作 我还希望能够按 Enter 或 Return 键来启动搜索 我尝试过使用 on 函数 它似乎只适用于单击 但在输入或按
  • 在 jQuery 中生成下拉菜单的年份

    我想到了一个小问题 我正在尝试想出一种方法来解决它 基本上 我想要做的是将年份减去 18 年 即 2011 年返回 1993 年 并生成一个下拉选项 供用户选择在此之前的任何年份 基本上他们必须证明自己已超过法定年龄 18 岁 var mi
  • 如何在javascript中删除对象的一部分

    这是我的代码 var data btn click function total data push id total cell val1 val2 val3 每次用户点击btn按钮 我向数据对象添加一些值 现在我的问题是如何删除有的部分i
  • 如何使用 Ajax 对 Oracle APEX 表格表单执行逐行验证?

    使用我执行的相同验证 处理 基于此线程 在 Oracle APEX v4 2 2 中通过 Ajax 调用 Oracle 函数进行现场验证 https stackoverflow com questions 21474303 calling
  • 在第一页加载时触发 jquery 脚本,然后不再为该用户触发?

    我在我的网站上使用这个 jQuery 模态窗口脚本 http www zurb com playground reveal modal plugin http www zurb com playground reveal modal plu
  • 如何使用 jQuery 使 div 全屏并位于所有其他元素之上?

    div style background color grey div 有简单的方法吗 定义样式overlay或类似的东西 然后你可以使用 jQuery 添加新类 myDiv addClass overlay 如果你想添加点击事件 你可以这
  • 限制在三角形内

    我正在寻找一段通用代码 javascript 它可以与 jquery UI 一起使用来限制三角形内 div 的移动 拖动 与此类似 http stackoverflow com questions 8515900 how to constr

随机推荐

  • 使用 https 进行 WCF 服务自托管

    目前 我们的一台客户端计算机中有一个作为 Windows 服务托管的 Wcf 服务 实际上目前它正在使用正常的 http 调用 由于我们需要使用 https 而不是 http 因此我们修改了 app config 但启动服务后 https
  • 删除 c++ std::vector 中的所有项目

    我正在尝试删除其中的所有内容std vector使用以下代码 vector erase vector begin vector end 但它不起作用 更新 clear不会破坏向量保存的元素吗 我不想这样 因为我仍在使用这些对象 我只想清空容
  • 使用 Apache CXF 和 CDI 的 Spring Boot

    使用时Apache 的 CXF JAX RS Spring Boot 启动器 http cxf apache org docs springboot html SpringBoot SpringBootCXFJAX RSStarter与CX
  • 将现有 WAR 部署到嵌入式 Jetty

    我的目的是将现有的 WAR 部署到嵌入式 Jetty 9 4 5 不幸的是 当我尝试打开页面 JSP 时出现以下错误 An error occurred at line 52 in the generated java file tmp e
  • Oracle SQL中如何获取与正则表达式匹配的字符串的一部分

    假设我在表的某些字段中有以下字符串 product 1627 color 45 size 7 我想查询颜色并得到 45 通过这个查询 SELECT REGEXP SUBSTR product 1627 color 45 size 7 col
  • 如何在设备树源文件中添加注释

    如何在设备树源文件中添加多行或单行注释 我到处都找不到它 使用注释的默认 c 方式是否有效 使用注释的默认 c 方式是否有效 是的 使用 comment ADDENDUM 我还使用过 C 预处理器 if 0 and endif在测试期间快速
  • 如何在使用inputView后显示键盘

    I used inputView以显示uipickerview for my textfield 但我用同样的textfield用于其他功能 使用后如何显示标准键盘inputView为了那个原因textfield textfield inp
  • Android 中的底部按钮栏

    我想知道如何在 android 中创建底部栏按钮 我读到了一些关于这个 U I 的内容 解决办法 有什么控件可以使用吗 您可以在相对布局中执行类似的操作
  • 我正在尝试解决“15 个难题”,但出现“OutOfMemoryError”[已关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 有没有一种方法可以优化此代码以免耗尽
  • 使用分页 extjs 在组合框中搜索

    您好 我正在尝试在组合框中进行搜索 它正在工作 但仅在当前页面中搜索我也使用分页搜索 我需要在所有页面中搜索而不仅仅是当前页面 任何建议 xtype combo fieldLabel Organization Id name company
  • 将 Streaming Flux 的 WebClient Post 拆分为 JSON 数组

    我正在使用第三方 REST 控制器 它接受 JSON 对象数组并返回单个对象响应 当我使用有限的 WebClient 进行 POST 时Flux代码有效 我认为 因为Flux完成 然而 当Flux可能是无限的 我该怎么办 以数组块形式发布
  • 如何在CSS多列布局中将单列居中

    我有一个使用 CSS 多列布局的元素来显示项目列表 div style text align center div Item 1 div div Item 2 div div Item 3 div div Item 4 div div It
  • 在 C# 中从未知长度的流计算哈希值

    C 中计算未知长度流的 动态 md5 之类哈希的最佳解决方案是什么 具体来说 我想根据通过网络接收的数据计算哈希值 我知道当发送者终止连接时我已经完成接收数据 所以我事先不知道长度 编辑 现在我正在使用 md5 并在保存数据并将其写入磁盘后
  • GitHub 页面上的 AngularJS html5mode 支持

    问题是 does GitHub 页面支持AngularJShtml5mode 我找到了一个www资源 https coderwall com p kfomwa angularjs html5mode on github pages其中指出可
  • 线程不活动时释放资源

    我正在使用BackgroundWorker 在其中我使用foreach循环 在其中创建新线程 等待它完成 然后报告进度并继续foreach循环 这就是我要说的 private void DoWork object sender DoWork
  • springfox-swagger2 UI是否支持一次选择多个文件?

    我使用 Spring Boot 和集成的 swagger ui springfox swagger2 我希望能够选择一次上传多个文件 不幸的是 Swagger UI 似乎不允许这样做 至少不允许我的控制器方法 我的控制器方法签名 ApiOp
  • 过滤包含特定字符串的数据[重复]

    这个问题在这里已经有答案了 我希望过滤包含特定字符串的数据 假设这是我的数据集 dst first second 24 Sienna Zoe Dylan 32 Amber John Noah Sienna 72 Daniel Mike Zo
  • React 代码抛出“TypeError:this.props.data.map 不是函数”

    我刚刚开始用 React 编码 我习惯用 CoffeeScript 编码 我尝试沿着React 文档中提供的教程 http facebook github io react docs tutorial html并为状态更新做了类似的事情 然
  • 如何从 Google Places API 获取 20+ 结果?

    我正在开发一个应用程序 在其中我可以获取用户附近的 ATM 列表 为此 我使用 Google Places API 但每次它只返回 20 个结果 我想获得更多结果 在 API 文档中提到它将返回 20 个结果 但我想知道有什么方法可以获得更
  • Html 渲染不正确,并且没有使用 Ajax.ActionLinks 设置 Viewbag.Title

    ViewStart cshtml Layout Request IsAjaxRequest null Views Shared Layout cshtml 布局 cshtml div AjaxOptions options new Ajax