Grails gsp 嵌套两个选择

Question

我需要将以下对象

companies = [
{ id: 1, code: "cod1", employessList : [{id:1, name:"name1"}, {id:2, name:"name2"}, ...]},
{ id: 2, code: "cod2", employessList : [{id:4, name:"name1"}, {id:5, name:"name2"}, ...]},
{ id: 3, code: "cod3", employessList : [{id:11, name:"name1"}, {id:12, name:"name2"}, ...]},
...
]

放入 gsp 中，两个 一个用于选择公司，另一个用于选择嵌套的员工。当我更换公司时，员工名单也会更新。

例如，

<div> 
   <g:select id="companiesSelect" name="companies" from="${companies}" 
   class="form-control"                           optionKey="id" 
   optionValue="code" />
<div> 

<div> 
  <!-- Div with nested elements -->
</div>

有人可以帮我解决这个问题吗？

Answer 1

这里有 4 个选项：

1. 在服务器端渲染两个选择。

控制器操作：

def somePage() {
  def companies = [...]
  def employees = params.companyId ? companies.findResult{ it.id == params.companyId ? it.employessList : null } : []
  [ companies:companies, employees:employees ]
}

GSP：

<div> 
   <g:select id="companiesSelect" from="${companies}" onChange="refreshPage( this.value )" .../>
<div> 

<div> 
  <g:select id="employeesSelect" from="${employees}" .../>
</div>

其中 refreshPage( this.value ) 是一个 JS 函数，用于将公司 ID 发送到控制器操作。

2. 将公司+员工的完整列表作为 JSON 加载到页面中，将该数据呈现为选择，并使用 onChange-JS 侦听器刷新第二个选择。

3. 使用Ajax调用将基于公司ID的数据加载到员工选择中。

选项2和3需要大量JS，这里就不贴了。

4. 使用像 React 这样的现代 JS 框架来进行渲染，以便服务器可以通过 REST 端点进行通信。