【问题标题】:Display Image Value of first result MVC3 razor view显示第一个结果 MVC3 剃刀视图的图像值
【发布时间】:2013-02-26 22:05:42
【问题描述】:

我有这个在主页上呈现的局部视图。我希望能够在视图中的十个结果列表上方显示十个结果中的第一个的图片。 我在控制器中有以下内容

    public ActionResult _ChartHome()
    {
        var ChAd = db.Charts
        .Where(v => v.ChOk == true)
        .OrderBy(v => v.ChPosition)
           .Take(10);
        return PartialView(ChAd);
    }

查看有

 <div class="thumb imgblock">   
 <div class="imlk">
 <img src="/images/@d.img?width=286&height=140" class="imlink" />
 </div> 

 @foreach (var d in Model)

 <div class="clear top5widg">
 <p class="musictitle">@d.ChTitle</p>
 <span class="chartno">#@d.ChPosition</span>
 <span class="artistname">By<br/>@d.ChArtist</span> 
 </div>       
  }
 </div>

任何帮助将不胜感激

【问题讨论】:

    标签: c# asp.net-mvc-3 linq razor


    【解决方案1】:

    您可以使用 ViewBag 来保存第一项的值

    public ActionResult _ChartHome()
        {
            var ChAd = db.Charts
            .Where(v => v.ChOk == true)
            .OrderBy(v => v.ChPosition)
               .Take(10);
            ViewBag.First = ChAd.FirstOrDefault();
            return PartialView(ChAd);
        }
    

    对视图代码执行以下操作

     @{
       var first = (FirstObjectType)ViewBag.First;
    }
    
     <div class="thumb imgblock">   
     <div class="imlk">
     <img src="/images/@first.img?width=286&height=140" class="imlink" />
     </div> 
    
     @foreach (var d in Model)
    
     <div class="clear top5widg">
     <p class="musictitle">@d.ChTitle</p>
     <span class="chartno">#@d.ChPosition</span>
     <span class="artistname">By<br/>@d.ChArtist</span> 
     </div>       
      }
     </div>
    

    【讨论】:

      【解决方案2】:

      确保你在视图中定义了你的模型,然后你应该可以这样做:

      @{
        var imgPath = Model.FirstOrDefault() == null ? "" : Model.FirstOrDefault().img; 
      }
      @if(imgPath != ""){
         <img src="/images/@imgPath ?width=286&height=140" class="imlink" />
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-03-17
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多