【问题标题】:How to randomize slider images in foreach loop in Razor Syntax?如何在 Razor 语法中随机化 foreach 循环中的滑块图像?
【发布时间】:2014-12-04 22:44:28
【问题描述】:

我在 Razor 语法 foreach 循环中有这个滑块,大约有 20 张图像,我只想从 20 张图像中取出 5 张,并随机化每组 5 张图像,下面是代码,任何帮助将不胜感激.

@foreach (var data in Model.BeaconsOfHope.Take(5))
{
  <div class="swiper-slide">
    <img class="pull-left" src="@data.image" />
    <div class="pull-left donor-info">
      <span class="name" style="font-weight:bold;">@data.name</span>
      @*<span class="rank">@data.rank</span>*@
      <span class="country">@data.country</span>
    </div>
  </div>
}

【问题讨论】:

  • “不喜欢”Random()“部分”是什么意思?在 LINQ 中没有 Random 方法,它是您的扩展方法吗?如果没有,请检查例如stackoverflow.com/questions/9449452/linq-order-by-random 如何洗牌。但我认为您还想更改方法调用的顺序,因为现在它将获取前 5 张图像并打乱它们。您不想先随机播放图像,然后选择前 5 张图像吗?
  • 是的,这正是我想要的,先随机播放图像,然后选择前 5 个图像。
  • 那你要切换方法调用Model.BeaconsOfHope.OrderBy(x =&gt; Guid.NewGuid()).Take(5)
  • 工作,非常感谢。

标签: asp.net-mvc razor foreach


【解决方案1】:

将第一行改为:

@foreach(Model.BeaconsOfHope.orderby(x=>Guid.NewGuid()).Take(5) 中的变量数据)

【讨论】:

  • 这与 Jookyn 在 cmets 中提供的答案有何不同?
  • 我还想提一下,所有小写的“orderby”都给我带来了错误。我遵循 Lukas 的外壳,对我来说效果很好。
猜你喜欢
  • 2011-05-26
  • 1970-01-01
  • 1970-01-01
  • 2018-01-13
  • 1970-01-01
  • 1970-01-01
  • 2019-01-31
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多