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

MVC - Add to model based on HTML attrib

本文关键字：属性 模型 HTML 添加 MVC      更新时间：2023-09-26

我不知道该怎么做。

我正在创建自定义表单，可以在其中即时重新排列问题/项目的顺序。这样做将更新 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属性也会更新以显示更正顺序。

我的问题是如何将该order number设置为我的模型？我假设这将需要一些我不太擅长的javascript。

你基本上需要在模型中有一个Order属性。

int Order { get; set; }

然后，您可以：

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

在 JavaScript 中，你需要像这样找到：

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

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

相关文章：