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

时间:2013-10-07 15:21:11

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

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

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

<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的有效方法,而无需将以下所有代码应用于每个页面。有没有人有建议?

1 个答案:

答案 0 :(得分:1)

我不知道这是否是最佳方法,但在母版页中,将您的页面div id设置为代码隐藏中的变量:

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

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

public string ThePageID = "AboutPage";