ASP.NET MVC 应用程序中的 jQuery Mobile 布局答案

【问题标题】：jQuery Mobile layout in ASP.NET MVC appASP.NET MVC 应用程序中的 jQuery Mobile 布局
【发布时间】：2011-07-29 15:34:48
【问题描述】：

短：

您是否将数据角色部分（页眉|内容|页脚）放在布局/母版页中或 ASP.NET MVC 的每个视图中？

长：

试图找到处理 jQuery 移动布局的“最佳实践”。文档（和其他一些）显示：

<!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>

不过我也见过这个：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 
        ...
</head> 
<body>
<div  data-role="page">     
     @RenderBody()
</div>
</body>
</html>

每个视图都有：

<div  data-role="page"> 
    <div  data-role="header">...</div> 
    <div  data-role="content">...</div> 
    <div  data-role="footer">...</div> 
</div>

那么，您是在 ASP.NET 中的每个“视图”中还是在布局/主文件中定义页眉|内容|页脚？一个更好吗？有关系吗？

【问题讨论】：

在第二个示例中，您最终会得到一个嵌套在另一个页面中的页面。这是你想要的吗？

标签： asp.net-mvc jquery-mobile

【解决方案1】：

我注意到导航（使用后退按钮）只有在您使用第一个选项 (DRY) 时才能正常工作。我面临同样的问题。如果我想要不同的标题内容，如果您有一个布局页面，您如何更改此内容。我认为要走的路是在主布局页面中创建部分，并根据需要在每个视图中启用它们。

 RenderSection("SectionName")

【讨论】：

【解决方案2】：

就我个人而言，我一直在使用第二种做法，因为不要重复自己。

【讨论】：

是的，这很好。如果在布局页面中，如何处理页眉和页脚中上下文敏感的按钮导航？
糟糕，我的错。我说的是第二个。相应地更改了原始帖子。
通常在每个视图中。如果导航部分对控制器来说是通用的，我会创建一个单独的局部视图并使用 Html.Partial 在每个视图中显示。