javascript - 从 scala for 循环创建的表中读取 标签值

Question

我创建了一个表，用于显示名字、姓氏等人员属性。为了获取不同人员的这些属性，我使用了 scala for 循环来迭代我的人员数据库。

<tbody>
        @for(person <- persons){
            <tr  class="odd gradeX">
                <form id="form1">
                    <input type="hidden" name="username"  
                    value="@person.getUserName" id="user">
                    <td>@person.getUserName</td>
                    <td>@person.getFirstName</td>
                    <td>@person.getLastName</td>
                    <td>@person.geteMail</td>                             
                    <td>@person.getTelephoneNumber</td>
                    <td>@person.getBirthday</td>
                    <td>@person.getSvn</td>
                    <td>@person.getSalary</td>
                    <td><button type="submit" name="option" value="delete"
                        class="btn btn-danger" formaction="/admin
                        modifyPerson" formmethod="post">Löschen</button>

                        <button type="submit" name="option" value="reset" 
                        class="btn btn-warning" formaction="/admin
                        /modifyPerson" formmethod="post">Password 
                        reset</button>

                        <a href="#" onclick="changeData(@person, user)" form="form1" 
                        data-toggle="modal" data-target="#changeData">Daten 
                        ändern</a></td>
               </form>
          </tr>
      }

</tbody>

在表格的最后一列中，最后一个“按钮”应该启动一个 JavaScript 函数“changeData()”，该函数读取表格内容并将其传递给一个引导模式，该模式显示一个表单以更改数据。当模式启动时，表单应该预先填充表格数据。

我的问题是 for 循环。当我尝试从表中获取数据时，无论我在哪一行按下按钮，我总是从第一个条目获取值。

现在我尝试传递整个人员对象和用户名，即数据库中的 ID。下面是调用的 javascript 函数:

onClick = changeData(@person, user)

<script>
        function changeData(person, user) {
            var allPerson = JSON.parse(person);
            var firstName = allPersons[0].getFirstName();

            document.getElementById("firstname1").value = firstName;
        }
</script>

我可以像 var fname = person.getFirstName(); 一样访问传递的 person-object 吗？或者如何在 javascript 中获取属性？

Answer 1

将 onclick 方法更改为以下内容:

onclick="changeData(@person)"

这样您将获得特定于该行的人员对象。然后使用它来填充您的模式。

尝试以下操作:在脚本标签中:

<script>
    var allPersons = JSON.parse(@persons);
</script>

这应该初始化您的 js 范围内的 person。

通过以下方式在 JavaScript 中访问它: (函数(用户){ //访问这里的人
})(人)；

这样您就可以访问脚本中的 person 对象。

至于获取特定的 person 对象，请从changedData 方法将该对象的索引传递给您的脚本并相应地填充您的表单。

注意:我对 Scala 不熟悉，因此如果有任何语法错误或任何此类错误，请查看上面的行。