如何将部分模板加载到grails中的div中

Question

如何将部分模板加载到grails中的div中

我是grails的新手,无法找到解决方案.

每当单击Create Client时,我想使用部分模板_client.gsp的内容填充main-content div.

我有以下gsp页面admin.gsp

<!DOCTYPE html>
<html>
  <head>
    <title>Admin Create</title>
<meta name="layout" content="main"/>
  </head>
  <body>
    <aside class="sidebar span3">

      <ul class="nav nav-list">
        <li class="nav-header">Admin Console</li>
        <li class="create-client"><a href="#">Create Client</a></li>
        <li><a href="#">Library</a></li>
      </ul>
    </aside>

    <div class="main-content span7">
    </div>

    <g:javascript src="admin.js"/>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我有一个名为_client.gsp的部分模板

<g:hasErrors bean="${client}">
  <div class="alert alert-error alert-block client ">
    <g:renderErrors bean="${client}" as="list" />
  </div>
</g:hasErrors>
<g:form controller="admin" action="createClient">               
  <div class="row">
    <legend>Create Client</legend>
      <div class="span4">
        <label>Client Name:</label>
        <g:textField name="client.name" />
      </div>
      <div class="span4">
        <label>Client Type:</label>
        <g:textField name="clientType.type"/>
      </div>
      <div class="span4">
        <label>External Id:</label>
        <g:field type="number" required="" min="0" value="1" name="client.externalId"/>
      </div>
    </div>
  </div>    
</g:form>

Run Code Online (Sandbox Code Playgroud)

我的admin.js看起来像这样

$(function(){
  $('.create-client').on('click', function(e){
    e.preventDefault();
    $('.create-client').addClass('active');
    $('main-content').load('_client.gsp');
  });
});

Run Code Online (Sandbox Code Playgroud)

Answer 1

ata*_*lor 10

首先,创建一个控制器,为AJAX调用提供模板内容:

class AdminController {
    def client() {
        render template: 'client',
            model: [...],
            contentType: 'text/plain'

    }
}

Run Code Online (Sandbox Code Playgroud)

这_client.gsp会将内容呈现为字符串并使用text/plain内容类型返回它.在您的JavaScript中,请使用load以下命令调用:

$('.main-content').load('/myapp/admin/client');

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，3 月前
查看次数：	5003 次
最近记录：	7 年，8 月前