CodeIgniter, jQuery, MySQL

(Codeigniter) Server-side DataTables with Custom Filter

Now I will try make a tutorial server-side DataTables and add several custom own filter process with ajax. This will based on Datatables Bootstrap Style. So this example will use bootstrap styling. Here several framework and library: PHP+ MySQL or you may use XAMPP –> Download Codeigniter 3.1.0 –> Download jQuery 2.2.3 –> Download Bootstrap 3.3.7 –> Download DataTables 1.10.12 –> Download step 1. create database and table for example. I have database named example and customers as table: run this query: or you can download sample data here : example.sql step 2. copy codeigniter you have download to your

Read More...

CodeIgniter, jQuery, MySQL

(Codeigniter) Server-side DataTables ColVis (Column Visibility Extension)

ColVis adds a button to the toolbars around DataTables which gives the end user of the table the ability to dynamically change the visibility of the columns in the table: Dynamically show and hide columns in a table Very easy integration with DataTables Ability to exclude columns from being either hidden or shown Save saving integration with DataTables for more you can read official colvis extension on DataTables site here. to implement colvis extension just add 2 this assets : dataTables.colVis.css dataTables.colVis.js and initial on C option dom option DataTables. or alternatively, colvis can be enabled using `new` initialisation for

Read More...

CodeIgniter, jQuery, MySQL

(Codeigniter) Ajax CRUD using Bootstrap modals and DataTables with Bulk Delete

Codeigniter Ajax CRUD using Bootstrap modals and DataTables Tutorial series : Ajax CRUD using Bootstrap modals and DataTables Ajax CRUD using Bootstrap modals and DataTables with server-side validation Ajax CRUD using Bootstrap modals and DataTables with image upload Ajax CRUD using Bootstrap modals and DataTables with Bulk Delete Can we do multiple delete with once ajax action?? Of course yes! How can? I will make example multiple delete action in this tutorial. You can select multiple data with checkbox then delete it. Ok try follow this tutorial to more detail:   Here several framework and library: PHP+ MySQL or you

Read More...

CodeIgniter, jQuery, MySQL

(Codeigniter) Ajax CRUD using Bootstrap modals and DataTables with image upload

Codeigniter Ajax CRUD using Bootstrap modals and DataTables Tutorial series : Ajax CRUD using Bootstrap modals and DataTables Ajax CRUD using Bootstrap modals and DataTables with server-side validation Ajax CRUD using Bootstrap modals and DataTables with image upload Ajax CRUD using Bootstrap modals and DataTables with Bulk Delete Welcome back bro.. 😀 Today I’m trying to write tutorial like before about Codeigniter Ajax CRUD bootstrap modal and DataTables. This just modify previous tutorial Ajax CRUD using Bootstrap modals and DataTables with server-side validation. Adding photo / image upload on modals form and show it on datatables. Oke let’s try… Here

Read More...

CodeIgniter, jQuery, MySQL

(Codeigniter) Ajax CRUD using Bootstrap modals and DataTables with server-side validation

Codeigniter Ajax CRUD using Bootstrap modals and DataTables Tutorial series : Ajax CRUD using Bootstrap modals and DataTables Ajax CRUD using Bootstrap modals and DataTables with server-side validation Ajax CRUD using Bootstrap modals and DataTables with image upload Ajax CRUD using Bootstrap modals and DataTables with Bulk Delete Previously I have written a tutorial CodeIgniter CRUD Bootstrap Ajax modals and DataTables. Because a lot of requests from readers to me to write tutorial with adding validation. Now I write tutorial like previouse but with completed with validation form. This validation is using ajax server side validation method.   Here several

Read More...

CodeIgniter, jQuery, MySQL

(Codeigniter) Ajax CRUD using Bootstrap modals and DataTables

Codeigniter Ajax CRUD using Bootstrap modals and DataTables Tutorial series : Ajax CRUD using Bootstrap modals and DataTables Ajax CRUD using Bootstrap modals and DataTables with server-side validation Ajax CRUD using Bootstrap modals and DataTables with image upload Ajax CRUD using Bootstrap modals and DataTables with Bulk Delete Hello everybody, welcome to my blog. this is my first post at this blog. here I will write about tutorial basic Ajax CRUD using Twitter bootstrap modals and jQuery DataTables library. this tutorial will implement DataTables server-side processing this tutorial just simple CRUD. if you looking for more advance and with validation

Read More...