如何在动态页面中使用“对话框”

时间:2011-06-19 13:00:49

标签: jquery asp.net-mvc-3 jquery-mobile

我想使用锚点打开一个对话框,因为我只想从数据库中获取一次信息。

我的site.master看起来像这样:

<div data-role="page" data-theme="b">
<div data-role="header" data-theme="g" >
    <h1>Master page</h1>
    <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
</div>

<div data-role="content" data-theme="d">    
        <asp:ContentPlaceHolder ID="MainContent" runat="server" />
</div><!-- /content -->

<div data-role="footer" data-theme="g">
    <h4>blaha</h4>
</div><!-- /footer-->

</div><!-- /page -->
<asp:ContentPlaceHolder ID="PopUpContent" runat="server" />

然后我有一个名为“List”的页面,它将内容放在“MainContent”中,并用新对话框填充“PopUpContent”。按下列表中的相应项目时,应显示这些对话框。

这是List.aspx的代码:

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    List -
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Push for more info.
    </h2>
    <ul data-inset="true" data-role="listview" data-split-theme="b">
            <% foreach (var place in Model.Places){ %>
        <li>                  
            <a href="#<%=place.ID%>" data-rel="dialog">
                <h3> <%=place.Name%></h3>
            </a>
        </li>
            <% } %>
    </ul>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PopUpContent" runat="server">

    <% foreach (var place in Model.Places){ %>
    <div data-role="page" id="<%=place.ID%>">

    <div data-role="header">
        <h1>Baz</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <h2><%=place.Info%></h2>
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->
            <% }  %>
</asp:Content>

但是我得到“错误加载页面”。任何人都知道如何解决这个问题?

0 个答案:

没有答案