/laravel-datatables

Server-Side handler of DataTables jQuery Plugin for Laravel 4|5

Primary LanguagePHP

Datatables Package for Laravel 4|5

Latest Stable Version Total Downloads Build Status Latest Unstable Version License

About

This package is created to handle server-side works of DataTables jQuery Plugin via AJAX option by using Eloquent ORM, Fluent Query Builder or Collection.

Feature Overview

  • Supports the following data source
    • Eloquent ORM
    • Fluent Query Builder
    • Collection [available on v5.x and later]
  • Adding or editing content of columns and removing columns
  • Templating new or current columns via Blade Template Engine or by using Closure
  • Works with ALL the DATABASE supported by Laravel
  • Works with Oracle Database using Laravel-OCI8 package
  • Works with DataTables v1.10++

If you are using Datatables v1.9, please use package version v4.x and v3.x for Laravel 5 and Laravel 4 respectively

Install through composer

composer require yajra/laravel-datatables-oracle:~5.0

For Laravel 4 users, checkout L4 branch or use composer require yajra/laravel-datatables-oracle:~3.0.

Register provider and alias and publish configuration

Once the package was downloaded, open "config/app.php" and register the provider and alias of the package:

    'providers' => [
        ...
        'yajra\Datatables\DatatablesServiceProvider',
    ],

    'aliases' => [
        ...
        'Datatables'      => 'yajra\Datatables\Datatables',
    ],

Finally you need to publish a configuration file by running the following Artisan command.

$ php artisan vendor:publish --provider="yajra\Datatables\DatatablesServiceProvider" --tag="config"

Demo Application

Usage

It is very simple to use this package. Just create your own fluent query object or eloquent object without getting results (that means don't use get(), all() or similar methods) and give it to Datatables. You are free to use all Eloquent ORM and Fluent Query Builder features.

It is better, you know these:

  • When you use select method on Eloquent or Fluent Query Builder, you choose columns
  • You can easily edit columns by using editColumn($column, $content)
  • You can remove any column by using removeColumn($column) method
  • You can add columns by using addColumn($column_name, $content, $order)
  • You can override the default filter function by using filter(function($query){})
  • You can use Blade Template Engine in your $content values
  • The name of columns is set by returned array.
    • That means, for 'posts.id' it is 'id' and also for 'owner.name as ownername' it is 'ownername'
  • You can easily toggle datatables mdata support by passing true/false on make function. ->make(true)
  • You can add DT_RowId via ->setRowId('id') function. Parameters could be like below:
    • a column on selected query if exists, else will just return the parameter
    • a closure function
    • a blade template
  • You can add DT_RowClass via ->setRowClass('id') function. Parameters could be like below:
    • a column on selected query if exists, else will just return the parameter
    • a closure function
    • a blade template
  • You can add DT_RowData via these functions:
    • ->setRowData(array()) to add batch data using an array
    • ->addRowData($key, $value) to append single data on array (Note: setRowData should be called first if you plan on using both functions)
    • the value parameter can also be a string, closure or blade template.
  • You can add DT_RowAttr via these functions:
    • Note: This option will only work on DataTables 1.10.5 or newer
    • ->setRowAttr(array()) to add batch data using an array
    • ->addRowAttr($key, $value) to append single data on array (Note: setRowAttr should be called first if you plan on using both functions)
    • the value parameters can also be a string, closure or blade template.

Examples

Example 1:

    $posts = Post::select(array('posts.id','posts.name','posts.created_at','posts.status'));

    return Datatables::of($posts)->make();

Example 2:

    $place = Place::leftJoin('owner','places.author_id','=','owner.id')
                    ->select(array('places.id','places.name','places.created_at','owner.name as ownername','places.status'));


    return Datatables::of($place)
    ->addColumn('operations','<a href="{{ URL::route( \'admin.post\', array( \'edit\',$id )) }}">edit</a>
                    <a href="{{ URL::route( \'admin.post\', array( \'delete\',$id )) }}">delete</a>
                ')
    ->editColumn('status','@if($status)
                                Active
                            @else
                                Passive
                            @endif')
    // you can also give a function as parameter to editColumn and addColumn instead of blade string
    ->editColumn('ownername','Author of this post is {{ $ownername }}')
    ->removeColumn('id')
    ->make();

Example 3: Overriding default filter option

    $posts = Post::select(array('posts.id','posts.name','posts.created_at','posts.status'));

    return Datatables::of($posts)
        ->filter(function($query){
            if (Input::get('id')) {
                $query->where('id','=',Input::get('id'));
            }
        })->make();

Example 4: Accessing Carbon object on timestamps and/or any objects in model

Note: Only applicable if you use Eloquent object.

    $posts = Post::select(array('posts.id','posts.name','posts.created_at','posts.status'));

    return Datatables::of($posts)
        ->editColumn('created_at', function($data){ $data->created_at->toDateTimeString() })
        ->filter(function($query){
            if (Input::get('id')) {
                $query->where('id','=',Input::get('id'));
            }
        })->make();

Example 5: Returning object data source

    $posts = Post::select(array('posts.id','posts.name','posts.created_at','posts.status'));

    return Datatables::of($posts)->make(true);

Example 6: DT_RowId, DT_RowClass, DT_RowData and DT_RowAttr

$users = User::select('*');

return Datatables::of($users)
    ->setRowId('id') // via column name if exists else just return the value
    ->setRowId(function($user) {
        return $user->id;
    }) // via closure
    ->setRowId('{{ $id }}') // via blade parsing

    ->setRowClass('id') // via column name if exists else just return the value
    ->setRowClass(function($user) {
        return $user->id;
    }) // via closure
    ->setRowClass('{{ $id }}') // via blade parsing

    ->setRowData([
        'string' => 'data',
        'closure' => function($user) {
            return $user->name;
        },
        'blade' => '{{ $name }}'
        ])
    ->addRowData('a_string', 'value')
    ->addRowData('a_closure', function($user) {
        return $user->name;
    })
    ->addRowData('a_blade', '{{ $name }}')
    ->setRowAttr([
        'color' => 'data',
        'closure' => function($user) {
            return $user->name;
        },
        'blade' => '{{ $name }}'
        ])
    ->addRowAttr('a_string', 'value')
    ->addRowAttr('a_closure', function($user) {
        return $user->name;
    })
    ->addRowAttr('a_blade', '{{ $name }}')
    ->make(true);

###Example View and Controller On your view:

<table id="users" class="table table-hover table-condensed">
    <thead>
        <tr>
            <th class="col-md-3">{{{ Lang::get('users/table.username') }}}</th>
            <th class="col-md-3">{{{ Lang::get('users/table.email') }}}</th>
            <th class="col-md-3">{{{ Lang::get('users/table.created_at') }}}</th>
            <th class="col-md-3">{{{ Lang::get('table.actions') }}}</th>
        </tr>
    </thead>
</table>

<script type="text/javascript">
$(document).ready(function() {
    oTable = $('#users').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "/users/data",
        "columns": [
            {data: 'username', name: 'username'},
            {data: 'email', name: 'email'},
            {data: 'created_at', name: 'created_at'},
            {data: 'actions', name: 'actions'}
        ]
    });
});
</script>

On your controller:

public function getData()
{
    $users = $this->users->select('*');

    return Datatables::of($users)
        ->addColumn('action', 'action here')
        ->make(true);
}

Notice: If you use double quotes while giving content of addColumn or editColumn, you should escape variables with backslash (\) else you get error. For example:

    editColumn('id',"- {!! \$id !!}") .

License: Licensed under the MIT License

Credits