javascript - MVC - 基于 HTML 属性添加到模型

Question

我不知道如何去做这件事。

我正在创建自定义表单，可以在其中动态重新排列问题/项目的顺序。这样做将更新 html 代码中项目的属性。

这是在将任何问题“设置”到表单之前每个项目的样子。

<li class="field item" order="">
  ...more html for item
</li>

这是有人将项目拖到“创建区域”后的样子

<li class="field item" order="1">
  ...more html for item
</li>

如果他们要在该项目下面添加另一个项目，那就是

<li class="field item" order="1">
  ...more html for item
</li>
<li class="field item" order="2">
  ...more html for item
</li>

当然，如果重新排列这些项目，order 属性也会更新以显示更正顺序。

我的问题是如何将订单号设置为我的型号？我假设这需要一些我不太擅长的 javascript。

Answer 1

您基本上需要模型内的 Order 属性。

int Order { get; set; }

然后你可以:

@Html.HiddenFor(m => m[i].Order)

在 JavaScript 中，您需要这样查找:

var el = document.getElementById('[0].Order');

观察 DOM 中加载的内容，了解如何在 JavaScript 中查找元素。