Playframework Play Framework 2.3.x-更改/刷新视图的简单方法

我只想通过ajax事件刷新或操纵视图

我使用了3个视图，其中主视图包括导航视图和详细视图，因此main.scale.html的缩写如下：

       <div class="well">
            <div class="row fullheight">
              <div class="col-md-4">
                @views.html.nav()
              </div>
              <div class="col-md-8">
                @views.html.details("some header")
              </div>
            </div>
        </div> 

这在Application.java中起作用并调用此方法：

    public static Result loadDetailsToTree(String tcTitle) {
        //doing something with the data in the model
        //no idea what to do here to refresh or manipulate the details-view:
        return ok(...);
    }

只需要刷新，因为/getData中的数据已更改

<script src="@routes.Assets.at("javascripts/detailsTree.js")" type="text/javascript" />
<div id="confTree" class="confTree" />
<script type="text/javascript">

    var callback = function(data) {
       console.log("Callback fired with: " + data);
       $("#confTree").detailsTreeBuilder(data, null);
    };
    $.post('/getData', callback);
</script>

我的问题是我不能阅读scala代码，我的示例是这样写的： 是的，我很确定，我在使用它的方式上有误解。也许你们中的一些人足够友好来帮助我：

干杯，

---

本杰明我认为这是不可能的

相反，你可以这样做

假设您有3个视图

<div id="view1">@view1</div>
<div id="view2">@view2</div>
<div id="view3">@view3</div>

<div id="view1">@view1</div>
<div id="view2">@view2</div>
<div id="view3">@view3</div>

<script>
 $ ( document ).ready ( function ( ) { 
   $("#view1").show();
    $("#view2").hide();
    $("#view3").hide();
    } ) ;
</script>

jsRoutes.controllers.Application.loadDetailsToTree(data.node.title).ajax({
        success : function(data) {
            console.log("all fine.");

                if(data==="view2"){
                   $("#view1").hide();
                   $("#view2").show();
                   $("#view3").hide();

               }else if(data==="view3"){
                        $("#view1").hide();
                        $("#view2").hide();
                        $("#view3").show();

}

        },
        error : function(err) {
            alert("error");            
        }
    });