Play 框架 如何将集合传递给动作 create()？

Question

我是 Play 框架的初学者。我在传递参数时遇到问题。
我想将集合从视图传递到控制器。我不知道该怎么做。当我从视图中获取集合时，我总是得到“null”。 我的代码如下：
控制器中的代码：

public static void create(List<Book> books) throws Exception {
     for(Book book : books){
          System.out.println(book.get(0).author) // i got null :(
     }
}

HTML 中的代码

Book 1:
<input type="text" name="books.author" />
<input type="text" name="books.title" />
Book 2:
<input type="text" name="books.author" />
<input type="text" name="books.title" />

当我提交时，我想向数据库添加 2 条记录，包括 Book1 和 Book2。请支持我

谢谢

Answer 1

您只需将数组指示符添加到您的 HTML 代码中即可完成这项工作。

Book 1:
<input type="text" name="books[0].author" />
<input type="text" name="books[0].title" />
Book 2:
<input type="text" name="books[1].author" />
<input type="text" name="books[1].title" />

我已经测试了这个解决方案，它工作得很好。

另请注意，您的 println 将无法编译，因为您在 Book 对象上调用 get(0) ，而不是 List 对象。如果您只是 println book.author，它会根据需要输出作者。

Answer 2

如果有人需要动态添加和删除书籍的 Javascript 示例（需要 JQUERY）：

<script type="text/javascript">
  $(document).ready(function() {
        var bookCount=0;
        $('#btnAddBook').click(function() {
            bookCount++;
            //newElem = go up a to the parent div then grab the previous container
            var newElem = $(this).parent().prev().clone().attr('id', 'book[' + bookCount + ']');
            //for each input inside the div, change the index to the latest bookCount
            $(newElem).find("input").each(function(){
                var name = $(this).attr('name');
                var leftBracket = name.indexOf("[");
                var rightBracket = name.indexOf("]");
                var beforeBracketString = name.substring(0,leftBracket+1);//+1 to include the bracket
                var afterBracketString = name.substring(rightBracket);
                $(this).attr('name', beforeBracketString + bookCount + afterBracketString);
            });
            //insert it at the end of the books
            $(this).parent().prev().after(newElem);
            $(newElem).find("input").each(function(){
                    $(this).attr('id', $(this).attr('id') + bookCount);
                });
            //enable the remove button
            $('#btnRemovebook').removeAttr('disabled');
            //If we are at 16 divs, disable the add button
            if (bookCount == 15)
                $(this).attr('disabled','disabled');
        });
        $('#btnRemoveBook').click(function() {
            bookCount--;
            //remove the last book div
            $(this).parent().prev().remove();
            //in case add was disabled, enable it
            $('#btnAddbook').removeAttr('disabled');
            //never let them remove the last book div
            if (bookCount == 0)
                $(this).attr('disabled','disabled');
        });
    });
</script> 
<!-- HTML Snippet -->
<div id="book[0]">
    <label> Book: </label>
    <input type="text" name="books[0].author" value="Author" />
    <input type="text" name="books[0].title" value="Title" />
</div>
<div>
    <input type="button" id="btnAddbook" value="Add another book" />
    <input type="button" id="btnRemovebook" value="Remove last book" disabled="disabled" />
</div>
<!-- REST of the HTML -->