Razor 查看动态表行

2023-11-24

我希望在我的视图中有一个表格,将模型中的 3 个元素放入每行中。因此,我要做的方法是循环遍历模型,并在 foreach 循环内部检查我设置的计数变量。如果 count mod 3 == 0 我会做类似的事情</tr><tr>开始一个新行。这没有按照我想要的方式工作,因为我会有一个}遵循<tr>。所以基本上我的问题是,如何根据模型中每行有 3 个项目的元素在剃刀视图内创建动态表?

@{
int count = 0;
<div>
<table>
<tr>
@foreach (var drawing in Model)
{
   <td style="width:240px;margin-left:30px; margin-right:30px;">
   <img src="@Url.Action("GetImage", "Home", new { id = drawing.drw_ID })" alt="drawing" /> 
   </td>
   count++;
   if(count%3==0)
   {
      </tr>
      <tr>
   }
} 
</tr>
</table>
</div>
}

也许有一种我没有想到的更简单的方法


使用两个循环怎么样 - 这将使您的文档设置得更好并且更具可读性。此外,它还解决了行数不能被三整除时出现的问题:

<div>
<table>
@for(int i = 0; i <= (Model.Count - 1) / 3; ++i) {
  <tr>
  for(int j = 0; j < 3 && i + j < Model.Count; ++j) {
    <td style="width:240px;margin-left:30px; margin-right:30px;">
      <img src="@Url.Action("GetImage", "Home", new { id = Model[i + j].drw_ID })" alt="drawing" /> 
    </td>
   }
   </tr>
}
</table>
</div>

编辑以反映您粘贴的代码。注意,这假设模型实现IList或一个数组

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Razor 查看动态表行 的相关文章

随机推荐

  • Delphi XE2:在 CHM 中跳到锚点?

    在Delphi XE2程序中 如何跳转到CHM帮助文件主题内的锚点 锚点具有以下格式 从显示 CHM 文件的 HTML HelpViewer 中的主题页面源中提取 a a 我尝试了以下方法 Application HelpJump MyTo
  • Selenium Webdriver 添加到 LocalStorage

    我尝试将以下标志添加到LocalStorage但它不起作用 localStorage setItem ClientRedirectEnabled true 我的代码如下 public void FlagIntroduce throws In
  • 将多个 SVN 存储库合并为一个

    在考虑了我之前问题的答案之后 一个 SVN 存储库还是多个 我决定将我拥有的 4 个左右存储库合并为一个 这当然引出了一个问题 最好的方法是什么 有没有办法组合两个或多个存储库来维护两者的版本历史记录 Edit 我还应该指出 我正在使用 A
  • 如何观察ng-content中input元素的变化

    当子组件观察到输入变化时如何调用父组件的函数 下面是 HTML 结构 app comopnent html
  • pandas DataFrame 单列中的多个值

    我正在将一些数据从 XML 解析为 pandas DataFrame XML 数据大致如下所示
  • PHP 中的 HTTP if-none-match 和 if-modified-since 以及 304 说明

    我的问题是当我收到 HTTP 304 未修改 时如何回复bothif none match 和 if modified since 来自代理 客户端请求 来自 RFC 2616 第 14 26 节 http www w3 org Proto
  • 如何对齐两个 y 轴刻度的网格线?

    我正在 y 轴上绘制两个具有不同单位的数据集 有没有办法让刻度线和网格线在两个 y 轴上对齐 第一张图片显示了我得到的东西 第二张图片显示了我想要得到的东西 这是我用来绘制的代码 import seaborn as sns import n
  • 如何缩短 List>>?

    我想在轻量级结构中存储键值对列表的列表 这似乎太麻烦了 什么更好 List gt 会增加很多开销吗 还有哪些其他选择 考虑使用别名作为简写 namespace Application using MyList List
  • 在 Ubuntu 上编译 Fortran netCDF 程序

    好的 这里是新手问题 我正在尝试编译simple xy wr f90 一个 netCDF 示例程序 在 Ubuntu 上使用 gfortran 我一定做了一些非常愚蠢的事情 我没有太多编译 Fortran 的经验 首先 我有libnetcd
  • 如何使用 jQuery 预选选择框中的选项

    我有一个带有各种选项的选择框 当页面加载时 应该使用 jQuery 预先选择一个带有值的选项 例如 10 我怎样才能做到这一点 当页面加载时运行这个 你可以把它放在 option value 10 attr selected selecte
  • 导入和类型:模块的 prisma db 种子和打字稿问题

    我从本教程中学习了 prisma https www prisma io blog fullstack nextjs graphql prisma oklidw1rhw 我的步骤有问题 npx prisma db seed preview
  • 如何在asp.net中发送http请求而不等待响应并且不占用资源

    在 ASP Net 应用程序中 我需要通过 http POST 将一些数据 urlEncodedUserInput 发送到外部服务器以响应用户输入 而不阻止页面响应 其他服务器的响应是什么并不重要 我也不关心请求有时是否失败 这似乎运行良好
  • 在启动时加载 .Rprofile

    我有一个全球 Rprofile文件和另一个 Rprofile文件位于我的项目的当前工作目录中 两者都具有以下内容 First lt function options rstudio markdownToHTML function input
  • Snowflake没有实现完整的SQL MERGE语句?

    我正在尝试创建一个执行 MERGE 语句的 Snowflake 任务 然而 Snowflake 似乎不识别 当与目标不匹配时 或 当与源不匹配时 语句 create or replace task MERGE TEAM TOUCHPOINT
  • paramiko Channel.recv() 究竟是如何工作的?

    我很难理解如何recv 功能有效 http docs paramiko org en 1 13 api channel html paramiko channel Channel recv 我知道每次调用该函数时都会接收一个数据块 但是有人
  • 如何防止在 Windows Phone 8.1 中按 Home 键时关闭 ContentDialog?

    private IAsyncOperation
  • LogStash:如何在保持相同时间格式的同时复制@timestamp字段?

    我想创建一个副本 timestamp字段 使其使用与以下内容相同的格式 timestamp 我尝试过以下方法 mutate add field gt read time timestamp 但同时 timestamp格式为 2014 08
  • 如何从另一个渲染组件/助手?

    我有渲染组件 source 用于从控制器字段渲染组件 助手 它在 ember 1 9 1 上运行良好 但在更新到 ember 1 12 1 后 我发现 API 发生了变化 后更新代码我恢复简单的情况 例如按某些属性的名称渲染视图 但大部分功
  • 子类化具有 xib 的子类 UIViewController

    我需要有一些看起来非常相似但具有不同行为的 UIViewController 所以我想我应该使用 xib 创建一个通用 UIViewController 子类 然后在需要时将其子类化 以适应那些看起来相似的不同 UIViewControll
  • Razor 查看动态表行

    我希望在我的视图中有一个表格 将模型中的 3 个元素放入每行中 因此 我要做的方法是循环遍历模型 并在 foreach 循环内部检查我设置的计数变量 如果 count mod 3 0 我会做类似的事情 tr 开始一个新行 这没有按照我想要的