Question

案例：我有一个使用X类编辑器模板显示的X类项目列表。

问题：如何在编辑器模板内部获取正在处理的项目的索引？

Answer 1

我一直在使用这个HtmlExtension只返回迭代所需的id。它基本上是ViewData.TemplateInfo.HtmlFieldPrefix上正在捕获最后一个数字的正则表达式。

public static class HtmlExtensions
    public static MvcHtmlString Index(this HtmlHelper html)
    {
        var prefix = html.ViewData.TemplateInfo.HtmlFieldPrefix;
        var m = Regex.Match(prefix, @".+\[(\d+)\]");
        if (m.Success && m.Groups.Count == 2) 
            return MvcHtmlString.Create(m.Groups[1].Value);
        return null;
    }
}

可以在这样的EditorFor-template中使用：

@Html.Index()

Answer 2

使用for循环而不是每个循环并将索引器传递到EditorFor扩展名;剃刀应该处理剩下的事情。

@for(var i = 0; i < Model.count(); i++)
{
    @Html.EditorFor(m => Model.ToArray()[i], new { index = i })
}

更新

使用上面显示的视图数据传递项目的索引。

在您的编辑器模板中，通过ViewBag访问该项目

<span> Item Index: @ViewBag.index </span>

Answer 3

在查看包含某些内容列表的模型时，使用EditorTemplate是最佳解决方案。

为了找到正在渲染的子模型的索引，您可以使用Razor默认设置的属性：

ViewData.TemplateInfo.HtmlFieldPrefix

例如，假设您有以下视图模型：

public class ParagraphVM
{
    public int ParagraphId { get; set; }
    public List<LineVM> Lines { get; set; }
}

和

public class LineVM
{
    public int Id { get; set; }

    public string Text {get; set;}
}

并且您希望能够编辑“ParagraphVM”中的所有“LineVM”。然后，您将使用编辑器模板，以便在以下文件夹（如果它不存在）中创建一个视图，其中同名作为子模型Views/Shared/EditorTemplates/LineVM.cshtml：

@model MyProject.Web.MVC.ViewModels.Paragraphs.LineVM
@{
     //this will give you the List's element like Lines[index_number]
     var field = ViewData.TemplateInfo.HtmlFieldPrefix;
}
<div id="@field">
    @Html.EditorFor(l => l.Text)
</div>

假设您有一个Controller的ActionResult，它返回一个View并将ParagrapghVM视图模型传递给视图，例如Views/Paragraph/_Paragraph.cshtml：

@model MyProject.Web.MVC.ViewModels.Paragraphs.ParagraphVM

@using (Html.BeginForm("Details", "Paragraphs", FormMethod.Post))
{
    @Html.EditorFor(p => p.Lines)
}

此视图将为列表行呈现尽可能多的编辑器，因为项目包含该列表。因此，例如，如果属性列表ParagraphVM.Lines包含3个项目，它将呈现如下内容：

<div id="#Lines[0]">
   <input id="Lines_0__Text name="Lines[0].Text"/>
</div>
<div id="#Lines[1]">
   <input id="Lines_1__Text name="Lines[1].Text"/>
</div>
<div id="#Lines[2]">
   <input id="Lines_2__Text name="Lines[2].Text"/>
</div>

通过它你可以准确地知道每个项目在列表中的位置，例如使用一些javascript来创建旋转木马或者你想用它做什么。但请记住，要编辑该列表，您并不需要知道Razor为您处理它的位置。如果您回发模型ParagraphVM，列表行将具有绑定的值（如果有），而无需任何额外的工作。

Answer 4

怎么样：

@using System
@using System.Text.RegularExpressions

var i = Convert.ToInt32(Regex.Matches(
             ViewData.TemplateInfo.HtmlFieldPrefix,
             @"\[([0-9]+)?\]")[0].Groups[1].ToString());

Answer 5

我认为最简单的方法是：

@Regex.Match(ViewData.TemplateInfo.HtmlFieldPrefix, @"(?!\[)\d+(?=\])")

或作为帮助者：

    public static string Index(this HtmlHelper html)
    {
        Match m = Regex.Match(html.ViewData.TemplateInfo.HtmlFieldPrefix, @"(?!\[)\d+(?=\])");
        return m.Success ? m.Value : null;
    }

受@Jona和@Ryan Penfold的启发

Answer 6

您可以使用@ Html.NameFor（m =＆gt; m.AnyField）。该表达式将输出包括索引的全名属性。你可以在那里提取索引......

如何在编辑器模板中获取序列/数组索引？

6 个答案: