Grailsは、私はこれが私の見解である部分的にリモートアクション</p> <p>でビューを更新しようとしているリモートアクション

Question

でテンプレートをレンダリング（home/index.gsp）

<button type="button" class="btn btn-success">Update</button> 
<g:render template="datetime", model="[mybean: mybean]"/> 

これは私のテンプレート（ホーム/ _datetime.gspです）

<p>Time: ${mybean.getHours()} : ${mybean.getMinutes()} : ${mybean.getSeconds()}</p> 

これは私のjs

$("button.btn-success").click(function(event){ 
    $.post("/home/updateTime") 
}) 

です3210

これは私が/home/indexを参照する場合は、テンプレートが正しくレンダリングされますが、私はボタンをクリックすると、テンプレートが更新されません私のコントローラ

class HomeController { 

    def index() { 
     def bean = new MyDateBean() 
     render view:"index", model:[mybean:bean] 
    } 

    def updateTime(){ 
     log.debug("Updating time") 
     def bean = new MyDateBean() 
     render template:"datetime", model:[mybean:bean] 
    } 


    class MyDateBean{ 

     private String hours 
     private String minutes 
     private String seconds 

     MyDateBean(){ 
      def date = new Date() 
      this.hours = date.format("H") 
      this.minutes = date.format("m") 
      this.seconds = date.format("s") 
     } 

     String getHours(){ 
      return this.hours 
     } 

     String getMinutes(){ 
      return this.minutes 
     } 

     String getSeconds(){ 
      return this.seconds 
     } 
    } 
} 

です。どうして？

Answer 1

divにテンプレートをラップします。私はコメントは上記のテンプレートをレンダリングするあなたの懸念に答えると思います

<script type="text/javascript"> 
      $(document).ready(function() { 

     $("button.btn-success").click(function(event){ 
      $.ajax({ 
       url: "${g.createLink(controller:'test', action:'updateTime')}", 
       type: 'get' 
      }).success(function (data) { $('#dtsDiv').html(data); }); 
     }) 
    }); 
</script> 

Answer 2

：

<div id="dtsDiv"> 
    <g:render template="datetime" model="[mybean: mybean]"/> 
</div> 

その後、次のJavaScriptを使用します。コメントは、あなたはjqueryのメソッド（AJAX）をトリガするときと指摘してリクエストを呼び出すコントローラに作られており、AJAX要求はテンプレートだけをコントローラに行われた場合

if (request.xhr) { 
render template:'template' 
return 
} 
// since we return above no need for else and so hence otherwise 
render view: 'view' 

で撮影することができますので、あなた自身のコメントを返すことができますMikeがレスポンステキストのレンダリングを提案しているだけでなく、実際には間違っています。

とにかく私の答えの理由は

が

<p>Time: ${mybean.hours} : ${mybean.minutes} : ${mybean.seconds}</p> 

が

クラスにHomeController {

def index(MyDateBean bean) { 
    render view:"index", model:[mybean:bean] 
} 

def updateTime(MyDateBean bean){ 
    log.debug("Updating time") 
    render template:"datetime", model:[mybean:bean] 
} 


class MyDateBean{ 

    def date=new Date() 

    String getHours(){ 
     return date.format("H") 
    } 

    String getMinutes(){ 
     return date.format("m") 
    } 

    String getSeconds(){ 
     return date.format("s") 
    } 
} 
}