- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个绑定(bind)到“TreasureHuntDetails”对象的 View 模型,其中包含一个线索列表。这是它的数据模型的一部分。
public TreasureHuntDetails()
{
Clues = new List<Clue>();
}
[Key]
public int TreasureHuntId { get; set; }
public List<Clue> Clues { get; set; }
在页面上,我有一张 table 。 foreach 循环遍历线索列表以将它们添加到表中,例如
@for (int i = 0; i < Model.Clues.Count; i++)
for 循环中的表元素非常大,但这里是其中一个表元素列的示例:
<td>@Html.DisplayFor(m => Model.Clues[i].Location)</td>
到目前为止一切都很好。然后我使用 JQuery UI 允许使用拖放对表格的项目进行重新排序,如下所示:
<script type="text/javascript">
$(document).ready(function()
{
$("#clueTable tbody").sortable().disableSelection();
});
</script>
一切都很好,我可以拖放元素。
问题是我不知道如何保存元素的新顺序并将它们存回数据库。
我尝试的第一件事是简单地将线索列表传递给 Controller 方法,但我发现一旦线索列表到达 Controller 方法,它总是为空。
例如:
@Url.Action("ViewCluePage", @Model.Clues)
即使我发送了整个@Model,其中的线索列表也始终为空。从数据模型的构造函数中删除新的列表实例并没有解决这个问题。
我尝试的另一件事是将整个表格包装成 HTML 表单,但线索列表仍然为空。
所以基本上,这个问题实际上是两个问题:
1) 为什么在将模型对象发送到 Controller 后线索列表始终为空。
2) 如何保存项目列表的新顺序?
更新:根据@recursive 的建议,我发现在尝试将线索元素提交到 HTML 表单时出错的地方。
我在遍历线索元素的 for 循环之外使用了它:
@Html.HiddenFor(m => m.Clues)
我必须在 for 循环内添加 HiddenFor 行(针对每个线索项),以及针对线索项的每个属性,例如
@Html.HiddenFor(m => m.Clues[i].Id)
所以这将是向前迈出的一步,能够将列表项发送到 Controller ,但我认为我仍然需要代码来反射(reflect)线索项在发送到 Controller 时的新顺序。目前,在使用 JQuery sortable() 方法重新排列元素在屏幕上的顺序时,这不会更改元素的顺序,因为它们存储在绑定(bind)到 View (@Model.Clues) 的数据模型中。
最佳答案
1) 正如@resursive 在他的评论中所说,您需要在页面上隐藏元素,这些元素映射到您的 Clue
类中的属性。
2) 至于保持线索的顺序,您需要在数据库中添加一个列来保存列表中每个线索的位置,并将位置属性添加到您的类中。所以你的类(class)需要包括
public int Position {get;set;}
创建页面时应该从数据库中提取。然后就在呈现页面之前,您应该根据 Position 变量重新排序线索列表。
编辑:使用 jquery 的 sortable 属性。 Check out this thread for reference.在停止拖动事件中(或就在您提交之前),遍历每个可拖动对象并设置对象的每个隐藏 Position 属性的值。
var positionIndex = 0;
$('.draggableObjectClass).each(function () {
$(this).find('input[id$=_Position]').val(positionIndex++);
});
关于c# - 从 MVC View 模型中保存重新排序的列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16199266/
我尝试根据表单元素的更改禁用/启用保存按钮。但是,当通过弹出按钮选择更改隐藏输入字段值时,保存按钮不受影响。 下面是我的代码。我正在尝试序列化旧的表单值并与更改后的表单值进行比较。但我猜隐藏的字段值无
我正在尝试保存模型的实例,但我得到了 Invalid EmbeddedDocumentField item (1) 其中 1 是项目的 ID(我认为)。 模型定义为 class Graph(Docum
我有一个非常奇怪的问题......在我的 iPhone 应用程序中,用户可以打开相机胶卷中的图像,在我的示例中 1920 x 1080 像素 (72 dpi) 的壁纸。 现在,想要将图像的宽度调整为例
目前,我正在使用具有排序/过滤功能的数据表成功地从我的数据库中显示图像元数据。在我的数据表下方,我使用第三方图像覆盖流( http://www.jacksasylum.eu/ContentFlow/
我的脚本有问题。我想按此顺序执行以下步骤: 1. 保存输入字段中的文本。 2. 删除输入字段中的所有文本。 3. 在输入字段中重新加载之前删除的相同文本。 我的脚本的问题是 ug()- 函数在我的文本
任何人都可以帮助我如何保存多对多关系吗?我有任务,用户可以有很多任务,任务可以有很多用户(多对多),我想要实现的是,在更新表单中,管理员可以将多个用户分配给特定任务。这是通过 html 多选输入来完成
我在 Tensorflow 中训练了一个具有批归一化的模型。我想保存模型并恢复它以供进一步使用。批量归一化是通过 完成的 def batch_norm(input, phase): retur
我遇到了 grails 的问题。我有一个看起来像这样的域: class Book { static belongsTo = Author String toString() { tit
所以我正在开发一个应用程序,一旦用户连接(通过 soundcloud),就会出现以下对象: {userid: userid, username: username, genre: genre, fol
我正在开发一个具有多选项卡布局的 Angular 7 应用程序。每个选项卡都包含一个组件,该组件可以引用其他嵌套组件。 当用户选择一个新的/另一个选项卡时,当前选项卡上显示的组件将被销毁(我不仅仅是隐
我尝试使用 JEditorPane 进行一些简单的文本格式化,但随着知识的增长,我发现 JTextPane 更容易实现并且更强大。 我的问题是如何将 JTextPane 中的格式化文本保存到文件?它应
使用 Docker 相当新。 我为 Oracle 11g Full 提取了一个图像。创建了一个数据库并将应用程序安装到容器中。 正确配置后,我提交了生成 15GB 镜像的容器。 测试了该图像的新容器,
我是使用 Xcode 和 swift 的新手,仍在学习中。我在将核心数据从实体传递到文本字段/标签时遇到问题,然后用户可以选择编辑和保存记录。我的目标是,当用户从 friendslistViewCon
我正在用 Java 编写 Android 游戏,我需要一种可靠的方法来快速保存和加载应用程序状态。这个问题似乎适用于大多数 OO 语言。 了解我需要保存的内容:我正在使用策略模式来控制我的游戏实体。我
我想知道使用 fstream 加载/保存某种结构类型的数组是否是个好主意。注意,我说的是加载/保存到二进制文件。我应该加载/保存独立变量,例如 int、float、boolean 而不是结构吗?我这么
我希望能够将 QNetworkReply 保存到 QString/QByteArray。在我看到的示例中,它们总是将流保存到另一个文件。 目前我的代码看起来像这样,我从主机那里得到一个字符串,我想做的
我正在创建一个绘图应用程序。我有一个带有 Canvas 的自定义 View ,它根据用户输入绘制线条: class Line { float startX, startY, stopX, stop
我有 3 个 Activity 第一个 Activity 调用第二个 Activity ,第二个 Activity 调用第三个 Activity 。 第二个 Activity 使用第一个 Activi
我想知道如何在 Xcode 中保存 cookie。我想使用从一个网页获取的 cookie 并使用它访问另一个网页。我使用下面的代码登录该网站,我想保存从该连接获得的 cookie,以便在我建立另一个连
我有一个 SQLite 数据库存储我的所有日历事件,建模如下: TimerEvent *Attributes -date -dateForMark -reminder *Relat
我是一名优秀的程序员,十分优秀!