Jquery Mobile：管理 ASP.NET 母版页中的数据角色答案

【问题标题】：Jquery Mobile : Managing data-roles in ASP.NET Master pagesJquery Mobile：管理 ASP.NET 母版页中的数据角色
【发布时间】：2013-10-14 05:57:22
【问题描述】：

我目前使用母版页来保存我的大部分页面内容。

每个数据角色部分都有自己的可编辑区域，如下所示。

<div id="Page" data-role="page">
    <%-- Start Header --%>
    <div data-role="header">
        <%-- Header data removed for brevity --%>
        <asp:ContentPlaceHolder ID="HeadContent" RunAt="Server"/>
    </div>
    <%-- End Header --%>

    <%-- Start Main Content --%>
    <div data-role="content">
        <asp:ContentPlaceHolder ID="MainContent" RunAt="Server"/>
    </div>
    <%-- End Main Content --%>

    <%-- Start Footer --%>
    <div data-role="footer">
        <%-- Footer data removed for brevity --%>
    </div>
    <%-- End Footer --%>
</div>

我越来越意识到许多功能需要唯一 data-role="page" ID

问题

我对能够从内容页面调用页面 id 而无需将以下所有代码应用到每个页面的有效方法感兴趣。有人有建议吗？

【问题讨论】：

抱歉，我没有很好地回答您的问题“能够从内容页面调用页面 id”。您想动态创建页面并动态向其中注入内容吗？
您好 Omar，这部分
在我的母版页中。因此，当前每个页面都使用具有动态内容的相同 id。我希望能够在每个页面上都有一个唯一的
我认为这是使用 jquery mobile 的正确方法。我想在保持母版页结构的同时做到这一点。

标签： jquery asp.net templates jquery-mobile master-pages

【解决方案1】：

我不知道这是否是最好的方法，但是在母版页中，将您的页面 div id 设置为来自代码隐藏的变量：

<div id="<%= ThePageID %>" data-role="page">

然后在使用母版页的每个单独的 aspx 页面中，在名为 ThePageID 的代码隐藏中设置一个公共字符串变量，并将其设置为所需的 ID，例如：

public string ThePageID = "AboutPage";

【讨论】：

谢谢@ezanker。这是个好主意。我会试一试，让你知道。