java - 根据用户输入提交可变长度表单

Question

我正在努力解决这个问题。我的语言是使用 PlayFramework 的 Java，但我认为任何使用 php 或 ruby​​ on Rails 的答案都会让我朝着正确的方向前进。基本上，用户可以以这种形式添加或删除托盘数量。每个选项卡还需要一些 javavscript 计算。一切都是使用输入更改 jquery 事件触发的，因此没有提交按钮。我的第一个模型使用了 UUID，但这似乎对我毫无帮助。

发生的情况是每个选项卡负责进行周长等计算。我的第一个问题是如何为特定选项卡调用 javascript。我首先使用 UUID 和每个选项卡的单独脚本来完成此操作。这似乎不正确。

我的第二个问题是提交此数据。显然，名称参数需要不同。所以我对此摸不着头脑。每个托盘都会标有一个 id，因此我并不担心后端，而是想弄清楚前端和 Controller 的结构。

任何帮助都会很棒。谢谢。

Answer 1

在 javascript 部分，假设所有选项卡具有相同的结构，创建一个通用方法，接收 id(选项卡的 id)作为参数，然后从计算中检索正确的字段。像这样的东西:

function doCalc(tabId){ //assumes jquery
  var tab = $("#"+tabId);
  var field1 = $("#"+tabId+"_field1");
  var field2 = $("#"+tabId+"_field2");
  //...etc to retrieve tabs
}

该方法假设当您创建选项卡“tabId”及其元素时，您使用公式“tabId_”生成元素的 id，这将有助于查找它们。

关于提交，使用 Play!你应该检查这个section关于 Ajax 请求。它可以像进行计算(上面的方法)一样简单，最后通过 Ajax 调用 Play 方法。此方法将获取托盘(给定选项卡的托盘)的所有参数(id、值等)并保存。