java - Struts2 - 动态表单字段和数据库数据检索

Question

我正在使用 Struts2 开发一个注册 Web 应用程序，需要一些指导。

背景:

在注册表单上，有一组五个表单字段:1 个文本框和 4 个下拉选择框。这五个字段描述了一个人在教育环境中的主要职位:文本字段允许用户插入他们的职位，下拉菜单允许用户选择他们所属的学校、机构、部门和部门。下拉菜单使用存储在数据库中的选项进行初始化(在注册操作内，在显示表单之前使用这些值初始化数组列表)。例如:

<s:select emptyOption="true" key="school1.schoolId" list="schoolList" listKey="schoolId" listValue="schoolName" required="true" />

问题:

我需要为用户提供添加 X 个次要职位的能力。在注册表上，用户可以单击“添加另一个隶属关系”按钮，然后将显示一组新的 5 个表单字段。当用户单击表单的提交按钮时，还需要验证和保存这些字段。

解决这个问题的最佳方法是什么？

到目前为止，我只为每个表单字段声明了数组列表，如下所示:

private List<String> jobTitles = new ArrayList<String>();
private List<School> schools = new ArrayList<School>();
private List<Institution> institutions = new ArrayList<Institution>();
private List<Department> departments = new ArrayList<Department>();
private List<Division> divisions = new ArrayList<Division>();

但我不知道如何继续。如何显示主要职位的前 5 个字段？如果我使用 Javascript 动态插入新表单字段，如何使用数据库中存储的选项初始化动态下拉菜单？如果重新加载页面，如何保留这些值？

感谢任何帮助 - 谢谢!

Answer 1

您需要解决的基本问题是如何将请求参数的索引列表获取到您的操作类中。这非常简单，我认为您从创建输入参数列表开始就走在正确的轨道上。我找到了一些关于该主题的文档 here 。基本上，您可以拥有名称类似于 jobTitles[0]、jobTitles[1] 的表单字段，这些字段将用于填充 jobTitles 列表。

但是，我认为“从属关系”的概念值得拥有一个自己的类别:

class UserAffiliation {
   private String title;
   private String schoolId;
   private String institutionId;
   private String departmentId;
   private String divisionId;

   // Make sure that there is a no-args constructor (default or explicit) for Struts to create instances. 
   // Add getters and setters
}

在您的操作类中:

   private List<UserAffiliation> affiliations;
   ...
   // getter and setter for affiliations

足以捕获用户输入。

您的 jsp 可能类似于:

<form action=".." method="post">
  <div class="affiliation">
     <s:textfield name="affiliations[0].title"/>
     <s:select name="affiliations[0].schoolId" list="schools" listKey="schoolId" listValue="schoolName"/>
     ...
  </div>

  <s:if test="affiliations != null && affiliations.size > 1">
    <s:iterator value="affiliations" begin="1" status="status">
        <s:textfield name="affiliations[%{#status.index + 1}].title"/>
        <s:select name="affiliations[%{#status.index + 1}].schoolId" list="schools" listKey="schoolId" listValue="schoolName"/>
            ...
    </s:iterator>
  </s:if>
  ....
</form>

<div id="affilationTemplate" style="display:none;">
   <div class="affiliation">
      <s:textfield name="affiliations[__IDX__].title"/>
      <s:select name="affiliations[__IDX__].schoolId" list="schools" listKey="schoolId" listValue="schoolName"/>
   </div>
   ...
</div>

注意 div affiliationTemplate。您可以使用 JS 获取此模板的 html，将 __IDX__ 替换为适当的索引，并在用户单击“添加另一个从属关系”按钮时附加到表单内容。这可确保新添加的选择框已预先填充了适当的值。

迭代器 block 显示用户已经提交的值(“主要从属关系”除外，它已显示在其上方)。

注意:如果可能的话，您当然应该尝试删除重复的表单元素。我会尝试将它们提取到包含中。