Questions tagged «partial-views»

22
如何基于AngularJS部分视图动态更改标头？
我正在使用ng-view来包含AngularJS部分视图，并且我想根据所包含的视图来更新页面标题和h1标头标签。但是，这些超出了部分视图控制器的范围，因此我无法弄清楚如何将它们绑定到控制器中的数据集。 如果是ASP.NET MVC，则可以使用@ViewBag来执行此操作，但我不知道AngularJS中的等效方法。我已经搜索了有关共享服务，事件等的信息，但仍然无法正常运行。任何修改我的示例使其可行的方法将不胜感激。 我的HTML： <html data-ng-app="myModule"> <head> <!-- include js files --> <title><!-- should changed when ng-view changes --></title> </head> <body> <h1><!-- should changed when ng-view changes --></h1> <div data-ng-view></div> </body> </html> 我的JavaScript： var myModule = angular.module('myModule', []); myModule.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/test1', {templateUrl: 'test1.html', controller: Test1Ctrl}). when('/test2', {templateUrl: 'test2.html', …
22
使用Razor View Engine从局部视图ASP.NET MVC 3将内容注入特定部分
我在我的部分中定义了此部分 _Layout.cshtml @RenderSection("Scripts", false) 我可以很容易地从视图中使用它： @section Scripts { @*Stuff comes here*@ } 我正在努力的是如何从局部视图中将一些内容注入到本节中。 假设这是我的视图页面： @section Scripts { <script> //code comes here </script> } <div> poo bar poo </div> <div> @Html.Partial("_myPartial") </div> 我需要Scripts从_myPartial局部视图的部分中注入一些内容。 我怎样才能做到这一点？
4
如何在MVC 4中将参数传递给局部视图
我有这样的链接： <a href='Member/MemberHome/Profile/Id'><span>Profile</span></a> 当我单击它时，它将称为此部分页面： @{ switch ((string)ViewBag.Details) { case "Profile": { @Html.Partial("_Profile"); break; } } } 部分页面_Profile包含： Html.Action("Action", "Controller", model.Paramter) 例： @Html.Action("MemberProfile", "Member", new { id=1 }) // id is always changing 我的疑问是如何将这个“ Id”传递给model.parameter部分？ 我的控制器是： public ActionResult MemberHome(string id) { ViewBag.Details = id; return View(); } public ActionResult MemberProfile(int id …
4
Rails：对将局部变量传递给局部变量的语法感到困惑
了解Rails在渲染局部（并将局部变量传递到局部）方面的“魔力”。 为什么这样做： <%= render "rabbits/form" %> 这项工作： <%= render "rabbits/form", :parent => @warren, :flash => flash %> 但是这并不能正常工作： <%= render "rabbits/form", :locals => { :parent => @warren, :flash => flash } %> 但这确实是： <%= render :partial =>"rabbits/form", :locals => { :parent => @warren, :flash => flash } %> 另外，我该如何查找这些细微差别，这样我就不必打扰别人了？
7
如何在Webform中包含部分视图
我正在编程的某些站点同时使用ASP.NET MVC和WebForms。 我有一个局部视图，我想将此包含在网络表单中。局部视图包含一些必须在服务器中处理的代码，因此使用Response.WriteFile不起作用。它应该与禁用的JavaScript一起工作。 我怎样才能做到这一点？
2
在ASP.net MVC 4中使用部分视图
我最近开始使用ASP.net MVC（4），但是我无法解决这个问题。我敢肯定，一旦您知道它就很容易。 我实质上是在索引视图中尝试执行以下操作： 在索引视图中列出类型为“ Note”的数据库中的当前项目（这很容易） 在同一索引视图中创建新项目（不是那么容易）。 因此，我认为我需要局部视图，并且已按如下所示创建了该视图（_CreateNote.cshtml）： @model QuickNotes.Models.Note @using (Html.BeginForm()) { @Html.ValidationSummary(true) <fieldset> <legend>Note</legend> <div class="editor-label"> @Html.LabelFor(model => model.Content) </div> <div class="editor-field"> @Html.EditorFor(model => model.Content) @Html.ValidationMessageFor(model => model.Content) </div> <p> <input type="submit" value="Create" /> </p> </fieldset> } 在我原始的索引视图（Index.cshtml）中，我试图呈现此局部视图： @model IEnumerable<QuickNotes.Models.Note> @{ ViewBag.Title = "Personal notes"; } <h2>Personal notes</h2> <p> …
9
在部分视图中包含JavaScript文件
我想知道在局部视图中包含javascript文件的最佳实践是什么。呈现后，这将最终成为我页面html中间的js include标签。从我的角度来看，这不是执行此操作的好方法。它们属于head标签，因此不应阻止浏览器一次性呈现html。 一个例子： 我在“ PictureGallery”局部视图中使用一个jQuery picturegallery插件，因为该局部视图将在多个页面上使用。仅在使用此视图时加载该插件，并且我不需要知道每个局部视图正在使用哪些插件... 感谢您的回答。
5
是否可以将JavaScript放在部分视图中
我正在使用Web应用程序，其中主页包含两个部分：始终可见的常量块和由3个局部视图之一组成的信息块。每个部分视图都是AJAX请求的结果，并且仅被加载一次（由jquery提供切换窗口之后）。它运作良好，但我遇到了一个问题。 部分视图的html代码包含在常量块和信息块中使用的js函数。加载页面后，这些函数可以互相“看到”并且可以工作，但是resharper找不到函数声明并就此警告我。由于无法在其代码中找到剃刀语法，因此无法通过将它们传输到外部js文件来解决问题。 我该怎么办？ 谢谢。 更新： 最后，我决定解决将我的js代码与视图分离的问题。因此，新的问题是如何将razor语法包含在js文件中，或者可以接受的替代方法是什么。我发现的流行解决方案是使用全局变量，数据属性以及我更喜欢的解决方案-John Katsiotis的RazorJS库。 http://djsolid.net/blog/razorjs---write-razor-inside-your-javascript-files 我希望它能稳定工作并使Resharper开心。 干杯! 更新： 3年后，我想起了这个问题，并决定根据我的经验对其进行更新。实际上，我现在不建议为此使用其他库。尤其是如果您不是项目团队中的唯一成员…最好在所有库中确保它们得到创建者和社区的支持，并且可以轻松集成到您的IDE中（例如，使用特殊语法） 。此外，您团队中的所有人员都应该知道它是如何工作的。所以现在我建议做以下事情： 将所有JS放在单独的文件中。尽可能地隔离它。为此提供外部API。 从您的视图中调用API函数。 将所有Razor生成的URL，文本消息，常量作为资源参数传递。 例如： js文件： $.api.someInitFunction = function(resources){ ... } 视图： <script> $.api.someInitFunction({ urls: { myAction: '@Url.Action("MyAction", "MyController")' }, messages: { error: '@errorMessage' }, consts: { myConst: @myIntConst } }); </script>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.