如何将动作链接应用到HTML块

本文关键字：应用 HTML 链接 | 更新日期: 2023-09-27 18:18:28

<div class="thumbnail" style="height: 70px; background-color: #EEEDED">
   <div style="font-weight: bold;font-size: 20px;text-align: center">
     @Html.Label(exam.ExamName,new{@style="cursor: pointer;color: #FF8627 "})
    </div> 
    <div style="font-size: 15px;text-align: center;color: #505050">
      @Html.Label("Total Tests: " + exam.TestInfoes.Count(), new{@style="cursor: pointer"})
   </div>
</div>

我有上面的HTML块，我想把这整个块在标记我的mvc4应用程序。我们可以在标签之间手动写入一整块但我也想在链接中传递一些值这是为标签

创建的
 <a href="~/Exam/SingleExam/" + some value from my model>

我们怎么做呢?

也可以使用ActionLink来实现这个

如何将动作链接应用到HTML块

您可以使用Partials或Editor/Display Templates

要渲染partial，你可以使用:

@Html.RenderPartial("partialname", model);

文章可以在这里找到:

http://www.codeproject.com/Tips/617361/Partial-View-in-ASP-NET-MVC

使用模板，您可以使用自定义的Html.DisplayFor模板。

这里有一篇关于这个主题的文章:

http://www.hanselman.com/blog/ASPNETMVCDisplayTemplateAndEditorTemplatesForEntityFrameworkDbGeographySpatialTypes.aspx

模板的主要特点是模板必须是对象的class的name。

用这两种方法你都可以传递你的模型。

我创建了这样的链接

<a href="~/Exam/SingleExam/@exam.Id">
  <div class="thumbnail" style="height: 70px; background-color: #EEEDED">
     <div style="font-weight: bold;font-size: 20px;text-align: center">
        @Html.Label(exam.ExamName,new{@style="cursor: pointer;color: #FF8627 "})
      </div> 
      <div style="font-size: 15px;text-align: center;color: #505050">
        @Html.Label("Total Tests: " + exam.TestInfoes.Count(), new{@style="cursor: pointer"})
      </div>
  </div>
</a>

我没有使用动作链接，而是使用了html标签&使用@exam传递id。Id为我创建了合适的url

相关文章：