javascript - 如何在 Html 和 KnockOut JS 下拉列表中动态设置索引？

Question

我有以下代码。我在我的 Razor View 中使用 Html，并使用 KnockOut JS 绑定(bind)到我的下拉列表。

如您所见，我已经以编程方式设置了索引，因为 td 是每个 a 的一部分，我需要索引是唯一的。

我面临的问题是在选项部分，我只能通过实际硬编码来设置索引。

请有人告诉我如何设置它:

选项:viewModel.MyForm.Items()[' + Index() + '].SubItems()[' + Index() + '].MyItemsList(), 值:viewModel.MyForm.Items()[' + Index() + '].SubItems()[' + Index() + '].Id, 非常感谢对此的任何帮助。

非常感谢。

<td>
<select data-bind="attr: { name: 'MyForm.Items[' + Index() + '].SubItems[' + Index() + '].Id', 
id: 'MyForm_Items[' + Index() + '].SubItems[' + Index() + ']._Id'}, 
options: viewModel.MyForm.Items()[0].SubItems()[0].MyItemsList(), value: viewModel.MyForm.Items()[0].SubItems()[0].Id, 
optionsCaption: 'Select', optionsText: 'Text', optionsValue: 'Value'"
data-val-required="Required." data-val-number="The field must be a number" data-val="true"></select></td>

Answer 1

澄清一下，您是否需要让 TD 携带唯一 ID 以匹配模型的一部分？ 否则，在 for each 循环之前和之后移动 to 并在下拉列表中构建项目。

<td><select name='subitems' id='subitems'>
@{foreach (blah in ViewModel.MyForm.Items)
   {
      ...          
   }
}
</select>