我可以从Knockout Foreach模板中获取索引并传递给Html.EditorFor吗？

Question

Using MVC 4, I am looking for a simple way to combine a knockout template and an EditorFor. I almost have what I'm looking for:

<div data-bind="template: { name:'cover', foreach: StockItems }"></div>

<script type="text/html" id="cover">                  
@Html.EditorFor(m => m.StockItems[0].Name, "MyTemplate",
                     new { htmlAttributes = new 
                         { data_bind = "value: $data.Name")     

In the editor template I can bind the value from the knockout template:

@model KnockOut.Models.StockItem   
@Html.TextBoxFor(model => model.Name, ViewData["htmlAttributes"])

This works pretty well and is almost a nice simple solution that meets my need. I have some very simple JavaScript to control adding, removing and posting JSON back to the server.

The bit I don't like is that I hard code 0 here: m.StockItems[0].Name, which leads to the name and id attributes being generated as:

id="StockItems_0__Name" name="StockItems[0].Name" 

for each item I have. I could do something like use attr : for id, name and whatever else and use $index() to rename the accordingly:

 @Html.EditorFor(m => m.StockItems[0].Name, "MyTemplate", 
                  new { htmlAttributes =new { data_bind = 
                          "value: $data.Name,     
                           attr:id:='StockIten_'+$index()+'.Name'")  

I think probably that I need a more sophisticated EditorFor and use a C# @foreach() instead of the Knockout foreach and template and what I'm about to ask is not possible.

However, is there anyway I can somehow get the index from the Knockout template to the EditorFor?

Of course, I'm also very interested on seeing a better way to tackle the whole problem.

Thanks

Answer 1

Html.EditorFor运行服务器端和knockout运行客户端站点，所以不，你不能。