![](/img/trans.png)
[英]How do I get the “Add Controller” and “Add View” menu options in my ASP.NET MVC 5 project?
[英]How do I add a new view to a ASP.NET SPA project?
我在Visual Studio 2013(Update 1)中创建了一个新的ASP.NET SPA(单页面应用程序)项目,并将所有NuGet库更新为自2014年4月12日(2014年)起的最新版本。 我需要执行哪些步骤才能将其他视图添加到默认项目中? 我还想在顶部导航栏中添加指向新视图的链接。
我猜我需要添加另一个局部视图(比如_NewView.cshtml),我可以通过添加@html.Partial(“_ NewView”)在Index.cshtml视图中引用它。 我需要执行哪些其他步骤才能为视图创建视图模型,应用该视图模型,导航到新视图等。
经过一番乱搞,我发现了它。 以下是将另一个视图添加到ASP.NET SPA项目的步骤。
在Views.Home文件夹中创建一个新的部分视图(_NewView.cshtml)。 这是一个简单的例子。
<!-- ko with: newview --> <div class="jumbotron"> <h1>New View</h1> <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS, and JavaScript.</p> <p><a href="http://asp.net" class="btn btn-primary btn-large">Learn more »</a></p> </div> <!-- /ko -->
将@ Html.Partial(“_ NewView”)添加到Index.cshtml文件中。
在Scripts.app文件夹中为新视图创建视图模型js文件。 至少您需要使用App VM注册新视图。 以下是最低要求(用CoffeeScript编写):
NewViewModel = (app, dataModel) -> self = this return # NewViewModel currently does not require data binding, so there are no visible members. app.addViewModel name: "NewView" bindingMemberName: "newview" factory: NewViewModel
在App_Start.BundleConfig.cs的'〜/ bundles / app'ScriptBundle中包含新视图的VM代码
而已。 如果您想在菜单中添加指向新视图的链接,只需添加即可
<li><a href="#" data-bind="click: navigateToNewview">New View</a></li>
到菜单列表。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.