asp.net-mvc – 将ASP.NET MVC布局应用于Jquery.Mobile页面的最
发布时间:2020-12-16 04:31:51 所属栏目:asp.Net 来源:网络整理
导读:这个问题接近于: jQuery Mobile layout in ASP.NET MVC app但我正在努力找到最佳实践,因为我认为在每个视图中重新键入页眉和页脚效率不高.肯定有更好的办法. 所以,我正在寻找使用ASP.NET MVC共享布局视图(也就是母版页)来使用我的视图/部分视图的最佳方法.
这个问题接近于:
jQuery Mobile layout in ASP.NET MVC app但我正在努力找到最佳实践,因为我认为在每个视图中重新键入页眉和页脚效率不高.肯定有更好的办法.
所以,我正在寻找使用ASP.NET MVC共享布局视图(也就是母版页)来使用我的视图/部分视图的最佳方法. 通过阅读,有两种方法可以从MVC Layouts渲染JQuery移动页面: 1)标准布局格式: <!DOCTYPE html> <html> <head> <title>Page Title</title> ... </head> <body> <div data-role="page"> <div data-role="header">...</div> <div data-role="content">@RenderBody()</div> <div data-role="footer">...</div> </div> </body> </html> 在我学习的过程中,我开始遇到问题,后来才知道你无法真正加载其他“页面”内部的主要支出.所有继承的视图必须是该主Jquery移动页面的一部分. <!DOCTYPE html> <html> <head> <title>Page Title</title> ... </head> <body> <div data-role="page"> @RenderBody() </div> </body> </html> 这将起作用,但这也意味着我必须在每个视图上重新键入页眉和页脚. 你们能分享一下你的意见吗?我能够在我的布局中加载多个Jquery Mobile“页面”而不必在任何地方重复页眉/页脚的最佳方法是什么? ……我的意思是如果一个人必须在某个时候改变呢? 先感谢您. 解决方法
我在类似情况下做的一件事是制作一个没有“page”div的主布局:
<!DOCTYPE html> <html> <head>...</head> <body> @RenderBody() </body> </html> 然后制作从主布局继承的布局页面,您可以在其中包含页眉/页脚 @{ Layout = "~/Views/Shared/_LayoutMobileMaster.cshtml"; } <div data-role="page" data-theme="b" position="fixed"> <div data-role="header" data-position="fixed" data-theme="b" id="contentHeader"> <a id="backBtn" data-direction="reverse" data-icon="back" class="ui-btn-left">Back</a> <h1>@ViewBag.Title</h1> <a id="logoutBtn" data-icon="gear" class="ui-btn-right">Logout</a> </div> <div data-role="content" data-theme="b"> @RenderBody() </div> </div> 当然,如果您的每个页面都有不同的页眉/页脚,那么这不是很实用;您可能只是取消中间布局并将页眉/页脚直接放在每个视图中.但是如果你有不同的多个页面集,其中每个集合需要具有特定的外观,那么我认为这非常有用. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 在ASP.Net中使用Page_Load和Page_PreRender
- ASP.NET性能优化之让浏览器缓存动态网页的方法
- asp.net-mvc – 使用jQuery.post将多个参数发布到MVC Contr
- asp.net-mvc – EntityFramework – 连接字符串在哪里?
- nuget-package – MvcScaffolding是否通过命令行与VS 2013
- asp.net-mvc – 具有指定操作的Response.RedirectToRoute
- 子类中的ASP.NET Repeater项
- asp.net – 如何在构建期间从Visual Studio调用aspnet_comp
- .net – <%#%>和<%=%>有什么区别?
- ASP.NET MVC 3和NHibernate脚手架
推荐文章
站长推荐
- Asp.net动态验证器无法在Chrome或Safari中使用
- asp.net – 如何确保在同一服务器上托管的应用程
- asp.net-mvc – 将JSON格式的DateTime传递给ASP.
- 覆盖ASP.NET AJAX Control Toolkit的TabContaine
- asp.net – 如何为我的网站关闭IIS中的自定义错误
- asp.net – VS2015为Class Library添加引用
- nuget-package – MvcScaffolding是否通过命令行
- Asp.Net WebApi接口返回值IHttpActionResult
- 大文件上传到asp.net MVC
- asp.net-mvc – 双引号之间的Razor代码
热点阅读