asp.net mvc 3 的转发器类型控件

Question

是否有任何类型的 .net mvc 3 控件（可能是一些 html 帮助器方法）像 asp:repeater 一样工作？

我做了一些谷歌搜索，只找到了一些本土解决方案。

这是我需要的： 我的用户将有一个数字下拉列表，具体取决于他们选择的内容 (1-8)，我需要重复下面的一组代码来为他们提供相同的输入字段列表（1 到 8 次）。

使用 mvc 3 和 jquery 实现此目的的最佳方法是什么？

Answer 1

您应该使用 jquery templates 为此，

我从我的项目中复制粘贴了一些代码我目前正在研究，但我想您已经了解如何使用 jquery 模板解决您的问题了。

您可以将模板放在局部视图中。例如：

<input type="hidden" id="productId" value="${ProductId}"/>
<div class="formElement">
    <label>@Globalization.Workorders.Domainname</label>
    <input type="text" id="domainname" name="domainname" />        
</div>
<div class="formElement">
    <label>@Globalization.Workorders.StartDate</label>
    <input type="text" id="startDate" value=""/>
</div>
<input type="submit" id="addHostingProduct" value="@Globalization.Workorders.Add"/>
<input type="button" id="addHostingProductCancel" value="@Globalization.Workorders.Cancel"/>

模板采用 json 对象或 json 对象数组来渲染。 ${...} 替换为 json 中的值。

我通常将部分视图/模板放在视图中，如下所示：

<script id="AddHostingProductTemplate" type="text/x-jquery-tmpl">
    @Html.Partial("Templates/AddHostingProduct")
</script>

当页面首次加载时，您可以执行以下操作来设置初始值：

<script type="text/javascript">
    $(document).ready(function() {
        @foreach (var workOrderLine in Model.WorkOrderLines)
        {
            <text>
                  $('#AddHostingProductTemplate').tmpl(@workOrderLine.ToJson()).appendTo("#products")                
            </text>
        }

     });
</script>

ToJson 方法是我放在视图模型上的方法，它只是序列化viewmodel 转换为 json 字符串。

当用户单击按钮或更改下拉列表时，可以轻松使用客户端代码中的模板来呈现额外的模板。只需使用：

$('#AddHostingProductTemplate').tmpl({ someValue: '1', someOtherValue : ' test' }).appendTo("#products")

希望这有帮助

Answer 2

将所有 8 个输入字段放在页面上，并使用 jQuery 根据选择框中选定的数字显示/隐藏字段。