Question

我正在尝试在我的网站上使用pjax，这意味着对于整页请求我渲染整个模板（这是正常行为），但是在pjax请求中我想渲染一个部分。我的模板都扩展了主模板。

我怎样才能最优雅地做到这一点？

Answer 1

这是一个老问题，但我想抛弃另一个解决方案。

假设您有一个名为 main.blade.php 的视图布局，另一个扩展名为 page.blade.php的视图 EM>

<强> main.blade.php

<!DOCTYPE html> <html lang="en-GB"> <head> <title>My Title</title> @section('head') <link rel="stylesheet" href="{{ URL::asset('css/style.css') }}"> @show </head> <body> @yield('content') @section('footer') <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="{{ URL::asset('js/main.js') }}"></script> @show </body> </html>

<强> page.blade.php

@extends('main') @section('content') <div class="container"> This is a rendered page </div> @stop

只是一个简单的基本模板来开始。在您的控制器中，如果您返回View::make('page')，您将获得完整的HTML，但Laravel提供了返回特定部分的方法。以下是如何根据控制器内部的ajax调用显示所需内容的示例：

<强> my_controller.php

function get_index() { $view = View::make('page'); if(Request::ajax()) { $sections = $view->renderSections(); // returns an associative array of 'content', 'head' and 'footer' return $sections['content']; // this will only return whats in the content section } // just a regular request so return the whole view return $view; }

现在，当您对页面进行ajax调用时，它只返回内容部分而不是整个HTML。

Answer 2

为什么不使用div或html元素替换渲染页面中的实际内容？

我一直用jQuery做这个。我只是构建我的初始页面并将内容发送到我的视图中，这些视图在我的主布局中呈现部分。

假设我有一个左侧导航栏，然后是右栏中的一篇文章。用户单击按钮以显示下一篇文章，这就是我想要替换的内容。

首先从控制器构建初始视图

public function index()
{  
  $article = Article::first();
  Return View::make('homepage', compact('article'));
}

现在在您的主页视图中

@extends('layouts.master')

@section('leftNavigation')
     @include('homepageLeftNavigation')
@stop

@section('article')
   <div id="articleContent">
     @include('article') <!-- see below, you'll update this include with the js below -->
   </div>
@stop

@section('script')
@parent
{{-- <script> --}}
//in JQuery I would do something like this
$('a.nextArticle').click(function(){
   var next = $('.nextArticle').attr("id");
   var next = next + 1;
   $('#articleContent').load({{ URL::to('articles/' + next ) }};
});
@stop

假设你正在使用资源丰富的控制器，你可以使用你的show（）函数，但如果你只想在主页上预告片，你也可以轻松地为它创建一个新功能。

在你的show（）或newFunctionWhateverYouCallIt（）中你可以按id获取文章

Article::find($id);

然后将其发送到要渲染的视图。

return View::make('article');

最后你调用的文章视图包括你第一次构建页面时的内容，以及通过Jquery或pjax更新后再次显示

     {{ $article->title }}
     {{ $article->body  }}
     {{ $article->date }}
     <a href="#" class="nextArticle" id="{{ $article->id }}">Next Article ></a>

请注意我没有测试过这段代码，所以我确定会出现一些错误，但您可以大致了解更新网页单个部分的逻辑。

Answer 3

我现在最好的答案是在你的视图中说明，如果没有通过AJAX调用请求，它必须只扩展主模板（布局）：

@if(!Request::ajax())
    @extends('master.template')
@endif

但请注意，此解决方案可能不适合您的特定模板（我只能猜测）。您需要确保每个模板/视图仅包含不重复的内容，例如侧栏等。例如，如果您有一个需要使用pjax更新的内容区域，那么您的视图应该只包含任何内容应该改变。

Answer 4

在控制器的操作中，显式返回您想要渲染的局部视图：

public function action_someajax()
{
    ...
    return View::make('mypartial', $data);
}

这将渲染部分而不是控制器的布局。

Laravel：如何只渲染模板的一个部分？

4 个答案: