2011-11-26 76 views
2

我已经在MVC 3视图我怎样才能得到这个局部视图来正确渲染?

<% foreach (var stockItem in Model.Shop.Stock) { %> 
     <div class="shopItem"> 
      <div class="shopItemLeft"> 
       <% Html.RenderPartial("ItemImageDisplay", stockItem.Item); %> 
      </div> 
      <div class="shopItemRight"> 
       <strong><%= stockItem.Item.ToString() %></strong><br /> 
       <%= stockItem.Item.CalculatePrice() %><br /> 
       <%= stockItem.Quantity %> in stock<br /> 
       <%= Html.ActionLink("Buy", "BuyShopItem", new { shopId = Model.Shop.Id, itemId = stockItem.Item.Id }, null) %> 
      </div> 
     </div> 
    <% } %> 

当此呈现下面的代码中,“ItemImageDisplay”局部视图不是div标签,我已经把它放在里面,它代替呈现为如果我放:

<% foreach (var stockItem in Model.Shop.Stock) { %> 
       <% Html.RenderPartial("ItemImageDisplay", stockItem.Item); %> 
    <% } %> 

    <% foreach (var stockItem in Model.Shop.Stock) { %> 
     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong><%= stockItem.Item.ToString() %></strong><br /> 
       <%= stockItem.Item.CalculatePrice() %><br /> 
       <%= stockItem.Quantity %> in stock<br /> 
       <%= Html.ActionLink("Buy", "BuyShopItem", new { shopId = Model.Shop.Id, itemId = stockItem.Item.Id }, null) %> 
      </div> 
     </div> 
    <% } %> 

局部视图的HTML如下:

<%= Html.Image("~/Content/Images/Items/" + Model.Id + ".png", Model.ToString(), new { onmouseover = "tooltip('item:" + Model.Id + "');", onmousemove = "tooltip('item:" + Model.Id + "');", onmouseout = "tooltipRem();" }) %> 

可以请你帮我明白这是为什么渲染,因为它是,我能做些什么来阻止这种情况发生?

编辑:这里是渲染输出本节:

<img alt="Can of Pineapples" onmousemove="tooltip(&#39;item:1152&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:1152&#39;);" src="/Content/Images/Items/1152.png" title="Can of Pineapples" /><img alt="Kraken Treats" onmousemove="tooltip(&#39;item:1104&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:1104&#39;);" src="/Content/Images/Items/1104.png" title="Kraken Treats" /><img alt="Orange Jelly" onmousemove="tooltip(&#39;item:1279&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:1279&#39;);" src="/Content/Images/Items/1279.png" title="Orange Jelly" /><img alt="Peanuts" onmousemove="tooltip(&#39;item:509&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:509&#39;);" src="/Content/Images/Items/509.png" title="Peanuts" /><img alt="Fourth Year Anaversary Cake" onmousemove="tooltip(&#39;item:859&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:859&#39;);" src="/Content/Images/Items/859.png" title="Fourth Year Anaversary Cake" /><img alt="Taco" onmousemove="tooltip(&#39;item:486&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:486&#39;);" src="/Content/Images/Items/486.png" title="Taco" /><img alt="Can of Blueberries" onmousemove="tooltip(&#39;item:1154&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:1154&#39;);" src="/Content/Images/Items/1154.png" title="Can of Blueberries" /><img alt="Strawberry Jam" onmousemove="tooltip(&#39;item:639&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:639&#39;);" src="/Content/Images/Items/639.png" title="Strawberry Jam" /><img alt="Crisps" onmousemove="tooltip(&#39;item:726&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:726&#39;);" src="/Content/Images/Items/726.png" title="Crisps" /><img alt="Cooked Shrimp" onmousemove="tooltip(&#39;item:521&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:521&#39;);" src="/Content/Images/Items/521.png" title="Cooked Shrimp" /><img alt="Fishy Finger" onmousemove="tooltip(&#39;item:629&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:629&#39;);" src="/Content/Images/Items/629.png" title="Fishy Finger" /><img alt="Can of Peaches" onmousemove="tooltip(&#39;item:1151&#39;);" onmouseout="tooltipRem();" onmouseover="tooltip(&#39;item:1151&#39;);" src="/Content/Images/Items/1151.png" title="Can of Peaches" /> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Can of Pineapples</strong><br /> 
       940<br /> 
       10 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=1152">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Kraken Treats</strong><br /> 
       934<br /> 
       7 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=1104">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Orange Jelly</strong><br /> 
       827<br /> 
       9 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=1279">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Peanuts</strong><br /> 
       116<br /> 
       8 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=509">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Fourth Year Anaversary Cake</strong><br /> 
       1794<br /> 
       7 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=859">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Taco</strong><br /> 
       950<br /> 
       7 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=486">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Can of Blueberries</strong><br /> 
       317<br /> 
       8 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=1154">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Strawberry Jam</strong><br /> 
       1032<br /> 
       10 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=639">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Crisps</strong><br /> 
       179<br /> 
       10 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=726">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Cooked Shrimp</strong><br /> 
       663<br /> 
       11 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=521">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Fishy Finger</strong><br /> 
       974<br /> 
       10 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=629">Buy</a> 
      </div> 
     </div> 

     <div class="shopItem"> 
      <div class="shopItemLeft"> 

      </div> 
      <div class="shopItemRight"> 
       <strong>Can of Peaches</strong><br /> 
       786<br /> 
       7 in stock<br /> 
       <a href="/Market/BuyShopItem?shopId=1&amp;itemId=1151">Buy</a> 
      </div> 
     </div> 
+0

你可以从渲染的视图/部分视图添加html输出吗? – glosrob

+0

对不起,应该想到补充一点。我编辑了这个问题 –

+0

这是页面或页面的实际源代码,如萤火虫或ie开发人员工具一样使用dom浏览器进行检查。 Javascript可以改变dom而不是页面源代码。根据我所知,Ther对你所发布的代码没有任何不妥,它应该按照你的预期输出。 –

回答

2

嗯,我怀疑这是因为你使用Html.RederPartial而不是Html.Partial。后者返回一个字符串,而前者直接写入响应流。我有一种鬼鬼祟祟的感觉,MVC正在执行整个foreach循环,然后在最后写回响应来解释你的结果。

+0

谢谢,那工作 –

相关问题