asp.net-mvc-4 – Durandal.js:更改每个区域的导航选项
发布时间:2020-12-16 00:06:49 所属栏目:asp.Net 来源:网络整理
导读:我想在我的durandal应用程序的每个“区域”有不同的导航.通过在布局页面中定义导航部分并使用嵌套布局页面实现每个区域的导航,我使用ASP.NET MVC实现了这一点. durandal中的视图结构如下: http://i1346.photobucket.com/albums/p697/user2269352/viewstruct
我想在我的durandal应用程序的每个“区域”有不同的导航.通过在布局页面中定义导航部分并使用嵌套布局页面实现每个区域的导航,我使用ASP.NET MVC实现了这一点. durandal中的视图结构如下:
http://i1346.photobucket.com/albums/p697/user2269352/viewstructure_zps5e21e724.gif 我正在使用ASP.NET MVC4 durandal模板,我猜我可能需要从shell.html更改以下segement <ul class="nav" data-bind="foreach: router.visibleRoutes"> <li data-bind="css: { active: isActive }"> <a data-bind="attr: { href: hash },html: name"></a> </li> </ul> 我想理想情况下我希望有单独的html页面可以加载到这个部分,具体取决于我正在查看的区域/页面. 解决方法
您可以通过向路径信息添加设置对象并在其中指定区域名称来完成此操作.有了这个,就可以针对路由器的visibleRoutes集合创建一个计算的observable,该集合只选择当前区域的路由.
不确定您的路由配置是什么样的,但添加设置的示例如下所示: var routes = [ { url: 'one/page1',moduleId: 'viewmodels/one/page1',name: 'Page 1',visible: true,settings: {area: 'one'} },{ url: 'two/page1',moduleId: 'viewmodels/two/page1',settings: {area: 'two'} } ]; router.map(routes); 在您控制导航html的视图模型中: //filter the visible routes for the current area viewModel.areaRoutes = ko.computed(function () { var area = this.area; return ko.utils.arrayFilter(router.visibleRoutes(),function (route) { return route.settings.area === area; }); },viewModel); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc – 如何使用Durandal.js,mvc3部分视图
- asp.net-mvc – 如何锁定ASP.NET MVC中的路径?
- asp.net-mvc – 为什么在ASP.NET MVC中使用lambdas而不是反
- asp.net-mvc-3 – 增加ASP.NET MVC 3中的超时值
- asp.net – SignalR:如何强制认证/终止中心连接服务器端
- asp.net-mvc – 使用Ninject时如何处理DBContext
- Asp.Net上传前检查文件大小
- asp.net-mvc – 如何将模型加载到_Layout.cshtml并在各种视
- asp.net-mvc – 使用viewmodel时的asp.net mvc验证
- Asp.net静态可变生命周期刷新和PostBack
推荐文章
站长推荐
- asp.net – VS 2010失败调试:HttpException在Lo
- ASP.NET MVC/C++#:我可以避免在单行C#条件语句中
- asp.net-mvc – 会话超时处理的会话开始和操作过
- asp.net – 我可以在GoDaddy上使用NHibernate吗?
- asp.net-mvc-3 – 作为构建后事件的aspnet_compi
- asp.net-mvc – MVC使用asp.net Identity添加辅助
- 无法在ASP.NET VB站点中加载System.DirectorySer
- asp.net – 在负载均衡器上启用粘性会话
- asp.net – 密码和确认密码
- asp.net-mvc – ASP.NET MVC:让API控制器操作同
热点阅读