Question

我正在使用剃刀模板，因此在处理代码时我可以减少mvc视图中的混乱程度。我创建了“部分”，它将作为我的移动页面所需的单独页面呈现如下：

<div data-role="page" id="page2">
<div data-role="header">
    @if (IsSectionDefined("Header2"))
    {
        @RenderSection("Header2")
    }
    else
    {
    }
</div>
<div data-role="content">
    @if (IsSectionDefined("Content2"))
    {
        @RenderSection("Content2")
    }
    else
    {
    }
</div>
<div data-role="footer">
    @if (IsSectionDefined("Footer2"))
    {
        @RenderSection("Footer2")
    }
    else
    {
    }
</div>

我使用与上面相同的模板最多3页。

我目前的问题是我已经使用以下方式为我的第2页分配了一些代码：

@section Content2{
<div id="machinesearch" class="ui-content">
    <ul id="machinelist" data-autodividers="true" data-theme="d" data-divider-theme="a"
        data-filter="true" data-role="listview">
        @foreach (var item in Model.Plants)
        {
            <li><a href="#page1" onclick="javscript:MachineSet($(this).find('input').val(),$(this).text());">@item.Asset_Descriptor<input id="Sap_ID" type="hidden" value="@item.Asset_SAP_ID"/></a></li>      
        }
    </ul>
</div>

}

我显示此页面的链接是：

$("#testbutton").click(function(){

$('#page2').trigger('pagecreate');
$("#machinelist").listview('refresh');
alert("test");

});

但这似乎没有任何区别。

有什么想法吗？

当我查看第一页的html源时，我可以看到数据全部正确加载，第一页的html源也包含第二页的html。这似乎是因为剃须刀在加载页面1之后将数据注入到第2页。

Answer 1

您实际上并未显示该页面.....

$.mobile.changePage("#page2");

将显示该页面。

Jquerymobile剃刀模板不呈现html

1 个答案: