Tag : Pagination



PHP Codeigniter - Ajax Infinite Scroll Pagination Example

In this example, we are going to lean how to implement infinite scroll example in our codeigniter application. Infinite Scroll is amazing feature if you have news latter page, posts page or any listing page that way we don't require to load more records at time and not need to load page every time. we sometimes require to use infinite scroll in our project or application. So in this post we learn how to make infinite scroll example from scratch. I also provide demo for infinite scroll example, so you can see there. In this example we will create "posts" table and you have to add some manual.....

By Hardik Savani | March 31, 2017 | | 44182 Viewer | Category : PHP Javascript jQuery Codeigniter Ajax
READ MORE

Laravel Jquery Ajax Pagination Example From Scratch

Today, I am going to share with you how to make easy jquery ajax pagination example in Laravel Application from scratch tutorial. As you know Pagination is a very basic requirement of Any Admin Panel, ERP or back-end Panel. Pagination help us to load few records every time, that way can not broken web page due to lots of data. If you are making pagination and do it using jquery ajax then it more beautiful. Ajax Pagination load only your table data instead of whole page. So ajax pagination is very helpful. In this post i am making very simple example of ajax pagination in Laravel 5.4 applicat.....

By Hardik Savani | March 21, 2017 | | 35046 Viewer | Category : PHP Laravel Bootstrap jQuery Ajax
READ MORE

Laravel 5.3 - Customize pagination templates example from scratch

Today, I am going to tell you how to building and apply new custom paginator view in Laravel 5.3. Laravel 5.3 added new features and update for easily implement your own manual pagination blade template. By Default Laravel 5.3 provide us very simple bootstrap pagination view. But if you are not using bootstrap and you want to change then you can simply change OR if you want to add new bootstrap pagination layout then you can do it. In bellow example you can see how to create custom blade layout and use them. This example from scratch so you can simply implement it in your project or laravel .....

By Hardik Savani | October 9, 2016 | | 37153 Viewer | Category : Laravel
READ MORE

Laravel 5 and Vue JS CRUD with Pagination example and demo from scratch

In Todays, Most popular JS Framework are Angular JS and Vue JS. Angular JS and Vue JS are a very user friendly JS Framework and most popular. It provides to manage whole project or application without refresh page and powerful jquery validation. In this post i going to lean how to create CRUD(Create, Read, Update and Delete) application with pagination using Laravel 5. In my previous tutorial i added crud application using Angular JS, if you want to see then click here: <a href="http://itsolutionstuff.com/post/laravel-52-and-angularjs-crud-with-search-and-pagination-exampleexample.html" targe.....

By Hardik Savani | July 25, 2016 | | 359494 Viewer | Category : Laravel Vue.JS
READ MORE

How to create Pagination using dirPagination directive in Angularjs example with demo ?

Angularjs Pagination is not simple like laravel, code php etc, because we have to manage it with JS. In this tutorial i give you to build simple way pagination in your angularjs application. In this example we will use dirPagination directive to add paginate. Pagination Directive provide us very simple way to create paginate like set itemsPerPage, dir-pagination-controls etc. In this example you can see how it simple. You can get more information about Pagination Directive from here : <a href="https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#basic-example".....

By Hardik Savani | July 7, 2016 | | 46800 Viewer | Category : Bootstrap AngularJS
READ MORE

Laravel 5 - elasticsearch with pagination example

If you haven't install elasticsearch and you don't know how to install elasticsearch in laravel then you have to see first bellow link, in this link you can set up elasticsearch from scratch like install package, use with laravel model etc. : <a href="http://itsolutionstuff.com/post/how-to-use-elasticsearch-from-scratch-in-laravel-5example.html" target="_blank"><strong>How to use elasticsearch from scratch in laravel 5?</strong></a>. After finish step of above link, we can make elasticsearch with pagination view using laravel pagination eloquent. after impletement this example we could find l.....

By Hardik Savani | June 25, 2016 | | 14312 Viewer | Category : Laravel Elasticsearch
READ MORE

Laravel 5 Pagination example

In this tutorial you can learn how to add simple pagination in your blade file. If you are beginners then it can help you. Laravel 5 provide its own method for pagination. But if you are work on code PHP then you have to write long code for pagination and render view etc but in Laravel it is very simple so let's select data following way in Controller. <strong>Controller File:</strong> <pre class="prettyprint lang-php"> public function getUser() { $data = User::paginate(10); return view('users.index',compact('data')); } </pre> In above example you can see now it will return pagination with 1.....

By Hardik Savani | April 21, 2016 | | 21840 Viewer | Category : Laravel
READ MORE

How to add query string automatically on laravel pagination links ?

For example you are working on items module and you have a index page like listing all items with pagination. also you did give search function on items name. I have a bellow query string when i search something and i want to pass that query string on all pagination link. <strong class="example">Query String URL:</strong> <pre>http://text.hd/admin/products?name=test&page=1</pre> But where is problem. when you search any for example "tes" and get the result but when you click on next page you can't filter on name as you did "tes". so at that time we have to appends that query string on pagina.....

By Hardik Savani | March 30, 2016 | | 8932 Viewer | Category : Laravel
READ MORE

Laravel 5 custom pagination view example

laravel default also provide pagination view using bootstrap design like next and previous button and number page with link. but it is a very comman and generally used by most of developer. If you want to change it using Presenter class of laravel. you can set your own custom view for your pagination layout. In bellow i give you the example of i added first, last, next and previous button and main banifit is that you can easily modify that view and link. so let's see the preview of image layout of pagination. <strong class="preview">Preview:</strong> <img width="100%" src="/upload/laravel_pa.....

By Hardik Savani | March 23, 2016 | | 27600 Viewer | Category : Laravel
READ MORE

Laravel 5 manual pagination with array example

If you neeed to create custom pagination of your array, you can learn from this post. basically we are doing pagination with model or DB facade like "User::paginate(10)" OR "DB::table('users')->paginate(10)". But now if you have new array and you want to make pagination on your array then you can also give using "LengthAwarePaginator" class see following example: <strong class="example">Example:</strong> <pre class="prettyprint lang-php"> public function myData($userid) { $data = static::get(); <br/> $result = []; if(!empty($data)){ foreach ($data as $key => $value) { .....

By Hardik Savani | March 21, 2016 | | 23672 Viewer | Category : Laravel
READ MORE

    AngularJS Ajax Autocomplete Using Typeahead in PHP Example

    AngularJS Ajax Autocomplete Using Typeahead in PHP Example

    Open Post

    Laravel 5 - Multiple Images Uploading using dropzone.js example with demo

    Laravel 5 - Multiple Images Uploading using dropzone.js example with demo

    Open Post

    How to create Laravel Resource Controller example?

    How to create Laravel Resource Controller example?

    Open Post

    Laravel - How to generate RSS Feed using roumen/feed package?

    Laravel - How to generate RSS Feed using roumen/feed package?

    Open Post

    Bootstrap - maxlength validation with count remaining character example

    Bootstrap - maxlength validation with count remaining character example

    Open Post

    Laravel 5.2 and AngularJS CRUD with Search and Pagination Example.

    Laravel 5.2 and AngularJS CRUD with Search and Pagination Example.

    Open Post