Question

我正在使用Play Framework，并且使用AJAX，希望将部分视图返回到要呈现的调用脚本。我来自ASP.NET MVC的世界，所以这是一个非常简单的概念，但我没有在Play中看到它的位置。

我想做的一个例子：

main.html中

<html>
<head><title>Test</title></head>
<body>
<h1>Here's my list</h1>
<input type="text" id="new-entry" /><button id="add-new-entry">Add</button>
<ul id="item-list">
  #{list items, as:'item'}
    <li>#{anitemtemplate item}</li>
  #{/list}
</ul>

<script>
$(function() {
  $("#add-new-entry").click(function() {
    var action = #{jsAction @add(':name') /};
    var title = $("#new-entry").val();
    $.post(action(title), null, function(data) {
      var newData = $(document.createElement("li")).html(data);
      $("#item-list").append(newData);
    });
  });
});
</script>
</body>
</html>

anitemtemplate.html

${item.title} <em>by ${item.author}</em>

Me.java

public static void add(String title) {
  //add the item
  return render("anitemtemplate", newitem); //how to do this??
}

Answer 1

应该是：

public static void add(String title) {
  //add the item
  return render("anitemtemplate.html", item);
}

或

public static void add(String title) {
  //add the item
  renderArgs.put("item", newitem);
  return render("anitemtemplate.html");
}

如果anitemtemplate.html在/ app / views / tags /中，就像你的main.html中的标签用法一样，你应该使用render（“tags / anitemtemplate.html”） - 第一个render的参数是来自/ app / views /目录的模板的相对路径。

而BTW，

此

  #{list items, as:'item'}
    <li>#{anitemtemplate item}</li>
  #{/list}

应该是

  #{list items, as:'item'}
    <li>#{anitemtemplate item /}</li>
  #{/list}

Play Framework返回部分视图

1 个答案: