c# - MVC3 - 在同一 View 上多次使用模板

Question

我有模型的显示和编辑器模板。编辑器模板使用 jquery Accordion ，显示模板使用选项卡。问题是必须为 jquery 工作分配的 ID。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SpletniObrazec.Models.Obrazec>" %>
<div id='Editor'>
  <h3><a href="#"></a>Part 1</h3>
  <div id='Editor-1'></div>
  <h3><a href="#"></a>Part 2</h3>
  <div id='Editor-2'></div>
  <h3><a href="#"></a>Part 3</h3>
  <div id='Editor-3'></div>
</div>


<script type="text/javascript">
$(document).ready(function () {
    $('#Editor').accordion();
});
</script>

这将 Accordion 放入`

元素编辑器。现在，如果我在同一 View 中多次使用此模板，它们都将具有相同的编辑器 ID。

我需要在同一个 View 上执行此操作:

Html.EditorForModel();
Html.EditorForModel();

但由于模板具有硬编码 ID“Editor”，因此第二个 EditorForModel 不适用于 accordion。

最佳答案

您不必在每个 <div> 上放置 ID在 Accordion 内部，所以你可以完全放下它们。对于外部 <div> , 使用一个类来代替选择器中使用的 Accordion 。

<div class="accordion">
  <h3><a href="#"></a>Part 1</h3>
  <div></div>
  <h3><a href="#"></a>Part 2</h3>
  <div></div>
  <h3><a href="#"></a>Part 3</h3>
  <div></div>
</div>


<script type="text/javascript">
$(document).ready(function () {
    $('.accordion').accordion();
});
</script>

关于c# - MVC3 - 在同一 View 上多次使用模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10587147/

Answer 1

您不必在每个 <div> 上放置 ID在 Accordion 内部，所以你可以完全放下它们。对于外部 <div> , 使用一个类来代替选择器中使用的 Accordion 。

<div class="accordion">
  <h3><a href="#"></a>Part 1</h3>
  <div></div>
  <h3><a href="#"></a>Part 2</h3>
  <div></div>
  <h3><a href="#"></a>Part 3</h3>
  <div></div>
</div>


<script type="text/javascript">
$(document).ready(function () {
    $('.accordion').accordion();
});
</script>