19

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

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

4

4 回答 4

43

这是一个老问题,但我想提出另一个解决方案。

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

主刀片.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

只是一个简单的基本模板即可开始。在您的控制器中,如果您返回 a 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。

于 2014-06-08T03:58:27.373 回答
10

为什么不使用 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>

请注意,我没有测试过这段代码,所以我确信有一些错误,但您对更新页面单个部分的逻辑有了大致的了解。

于 2013-04-18T18:15:19.897 回答
4

My best answer right now would be to state in your view that it must only extend the master template (layout) if the request is not being called via AJAX:

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

Note, however, that this solution may not be best for your specific templates (I can only guess that). You'd need to make sure that each template/view only contains things that do not repeat, like side bars, etc. For example, if you have a content area that needs to be updated with pjax, then your view should only contain whatever should be changed.

于 2013-02-27T16:58:35.673 回答
1

在控制器的操作中,显式返回要渲染的局部视图:

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

这将呈现部分而不是控制器的布局。

于 2013-02-28T02:45:19.597 回答