2012-10-26 60 views
0

我正在使用剃刀模板,以便在处理代码时可以减少我mvc视图中的混乱程度。我创建“一节”,这将呈现为如下我的移动页面所需的单独网页:Jquerymobile剃刀模板无法呈现html

<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。这似乎是因为剃须刀在页面1加载后将数据注入页面2。

回答

0

你实际上并没有显示在网页.....

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

将显示页面。