CHECKBOX IN PAGINATED DATATABLES

Hello I have problem checkbox in paginated, so I am trying choice and check data in datatables and parse value in input hidden, but in second page choice and check not working. And below this my code for solved problem checkbox in second pagination.

let your_date = your_date;

$(".div_for_dataTables").empty();
$(".id_login").val("");

$.ajax({

    method: "POST",
    url: url_nya+'folder_controller/Contoller/getData',
    data: {date_to_controller : your_date},
    success: function(res) {

        let data_nya  = $.parseJSON(res);
        alert('Data exists', 'success');
         // START TABLE
            let html_code = `<table class="table table-bordered _dataTables">`;
                html_code += `
                            <thead>
                                <tr>
                                <td>No. </td>
                                <td>Name</td>
                                <td>Option</td>
                                </tr>
                            </thead>
                            <tbody>
                            `;

            for (let i = 0; i < data_nya.length; i++) {
                // Add dataTables in here
                html_code += `
                    <tr >
                        <td>`+parseInt(1+i)+`</td>
                        <td>`+data_nya[i].name_+`</td>
                                                        <td>
                            <div class="form-check">
                            <input class="form-check-input choice_check" type="checkbox" id_login="`+data_nya[i].id_login+`" name_xxx="`+data_nya[i].name_+`" value="">
                            </div>
                        </td>
                    </tr>
                    `;

            } // END FOR
            html_code += `</tbody>`
            html_code += `</table>`;

            $(".div_for_dataTables").append(html_code);

            let tables_ = $('._dataTables').DataTable({
                                     "iDisplayLength": 5,
                                     "lengthMenu": [[5, 10, -1], [5, 10, "All"]]
                                });
            let rows = tables_.rows({ 'search': 'applied' }).nodes();

         // END TABLE

            let array_push = [];
            let array_push_id = [];
            
            $('.choice_check', rows).change(function() {

                let name   = $(this).attr('name_xxx');
                let id_login = $(this).attr('id_login');

                if($(this).is(":checked")) {
                    
                    array_push.push(" [ "+name+" ] ");
                    array_push_id.push(id_login);

                }else{

                    let index_name = array_push.indexOf(" [ "+name+" ] ");
                    let index_id_login = array_push_id.indexOf(id_login);

                    if (index > -1) {

                        array_push.splice(index_name, 1);
                        array_push_id.splice(index_id_login, 1);
                    }
                }

                $(".name_div").text(array_push);
                $("[name='id_login']").val(array_push_id);

            });
    } // END SUCCESS
                
}); // END AJAX 

And in your case, added this below code :

let tables_ = $('._dataTables').DataTable({
                 "iDisplayLength": 5,
                 "lengthMenu": [[5, 10, -1], [5, 10, "All"]]
            });

let rows = tables_.rows({ 'search': 'applied' }).nodes();

And added code rows this code on your function click checkbox :

  $('.choice_check', rows).change(function() {

Enjoy it. ^_^

TAG TAGS :

checkbox in paginated datatable || How to catch values of checkboxes that are paginated with DataTables plugin || checkbox || how to use checkbox in second pagination || DataTables langsungkoding.blogspot.com | langsungkoding |

REFERENCE :

- https://stackoverflow.com/questions/38765777/how-to-catch-values-of-checkboxes-that-are-paginated-with-datatables-plugin
- https://stackoverflow.com/questions/51030368/get-checkbox-value-datatables-pagination

Read More

CARA MENGGUNAKAN TRANS_START PADA CODEIGNITER

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Trans_start atau transaction pada codeigniter berfungsi untuk menghentikan query. Pada kasus ini, ada 2 query insert, saat menjalankan query, dengan sengaja melakukan kesalahan di salah satu query nya. Yang di ingin kan adalah jika salah satu query salah maka jangan eksekusi semua query. Langsung saja pada script.

<?php


function add_data($datas, $data_nis)
{

    // trans_start untuk cek apakah query dari controller atau model ada masalah
	$this->db->trans_start(); # Starting Transaction

	$this->db->trans_strict(FALSE); # See Note 01. If you wish can remove as well 

	$this->db->insert_batch("tb_siswa2", $datas);

	$this->db->insert_batch("tb_siswa_sekolah", $data_nis);

	$this->db->trans_complete(); # Completing transaction


	if ($this->db->trans_status() === FALSE) {
	    
	    # Something went wrong.
	    $this->db->trans_rollback();
	    
	    return FALSE;
	} 
	else {
	    
	    
	    # Everything is Perfect. 
	    # Committing data to the database.
	    $this->db->trans_commit();
	    
	    return TRUE;
	}

}

Pada script diatas adalah kode yang benar dan jika di jalankan akan return true, dan akan di input ke database,
untuk percobaan salah nya silahkan ubah pada kode

$this->db->insert_batch("tb_siswa_sekolah", $data_nis);

ubah menjadi

$this->db->insert_batch("tb_siswa_sekolah", $data_nis2);

maka aka terdapat error dan query / function nya tidak akan di jalankan.

Demikian cara start_transaction pada codeigniter, jika ada kesulitan mengenai artikel ini, bisa tinggalkan komentar dibawah ini. Terima Kasih

TAG TAGS :

CARA START_TRANS PADA CODEIGNITER | CARA TRANSACTION PADA CODEIGNITER | CARA TRANSACTION MENGGUNAKAN CODEIGNITER | HOW TO TRANS_START USE CODEIGNITER | HOW TO TRANS_START WITH CODEIGNITER | TRANS_START in CODEIGNITER | TRANS_START on CODEIGNITER langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara membuat QRCODE dengan Jquery

Read More

BEGINI CARA EXPORT EXCEL DI CODEIGNITER

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Cara export data menjadi excel dengan codeigniter, jadi flow nya saat user klik download maka akan download data siswa dari database berupa excel.

0. Buatlah struktur database nya seperti di bawah ini.

CREATE TABLE `tb_siswa` (
  `id` int(11) NOT NULL,
  `nama` varchar(50) DEFAULT NULL,
  `kelamin` varchar(50) DEFAULT NULL,
  `tanggal_lahir` varchar(50) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;

1. Download phpspreadsheet nya di web resminya.
2. Letakkan di dalam folder vendor.
3. Buat 3 file.

• index.php untuk view
• Datasiswa.php untuk controller
• M_datasiswa.phpuntk model

3. Script export excel menggunakan codeigniter ada disini

• View
• Controller
• Model

#View

<form method="POST" action="<?= base_url('Datasiswa/exportDataSiswa'); ?>">

    <button type="submit" class="btn btn-sm btn-success"> Export Excel </button>

</form>

#Controller

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

require 'vendor/autoload.php';

use PhpOffice\PhpSpreadsheet\Spreadsheet;
use PhpOffice\PhpSpreadsheet\Writer\Xlsx;

class Datasiswa extends CI_Controller {
  
  public function __construct()
  {
    parent::__construct();

    session_login(); //membuat function helper manual ada di folder helper

    $this->load->model('M_datasiswa');
    
  }


  public function index()
  {
    $this->load->view('v_datasiswa', $data);
  }
  
  public function exportDataSiswa()
  {

    $data_siswa = $this->M_datasiswa->m_export_data_siswa()->result_array();

    $spreadsheet = new Spreadsheet;

    $spreadsheet->setActiveSheetIndex(0)
              ->setCellValue('A1', 'no')
              ->setCellValue('B1', 'nama')
              ->setCellValue('C1', 'jenis_kelamin')
              ->setCellValue('D1', 'tanggal_lahir');
    
    $kolom = 2;
    $nomor = 1;

    foreach($data_siswa as $row) {

      $spreadsheet->setActiveSheetIndex(0)
            ->setCellValue('A' . $kolom, $nomor)
            ->setCellValue('B' . $kolom, $row['NAMA'])
            ->setCellValue('C' . $kolom, $row['KELAMIN'])
            ->setCellValue('D' . $kolom, date('j F Y', strtotime($row['TANGGAL_LAHIR'])));

           $kolom++;
           $nomor++;


    }

    $writer = new Xlsx($spreadsheet);

    header('Content-Type: application/vnd.ms-excel');
    header('Content-Disposition: attachment;filename="Latihan.xlsx"');
    header('Cache-Control: max-age=0');

    $writer->save('php://output');


  }

}

#Model

<?php

function m_export_data_siswa()
{
  return $this->db->get('tb_siswa2');
}

Demikian cara export excel pada Codeigniter, jika ada kesulitan mengenai artikel ini, bisa tinggalkan komentar dibawah ini. Terima Kasih

TAG TAGS :

CARA EXPORT EXCEL PADA CODEIGNITER | CARA EXPORT EXCEL PADA CODEIGNITER | CARA EXPORT EXCEL MENGGUNAKAN CODEIGNITER | HOW TO EXPORT EXCEL USE CODEIGNITER | HOW TO EXPORT EXCEL WITH CODEIGNITER | EXPORT EXCEL on CODEIGNITER | EXPORT EXCEL on CODEIGNITER langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara Import Excel pada Codeigniter 3
• Referensi yang pernah saya baca terkait artikel ini

Read More

CARA PARSING URL GAMBAR KE ATTRIBUT SRC

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Saya ingin menampilkan data by id atau per id dari database dengan berbentuk JSON menggunakan codeigniter namun kendala yang saya alami adalah selalu gagal saat ingin menampilkan nya ke view. Setelah saya coba-coba cari menggunakan mesin pencarian google dan blusukan ke stackoverflow, akhirnya mendapatkan solusi
berikut script nya codeigniter nya: saya buat simple saja agar mudah dipahami

Yang perlu dipersiapkan adalah :
0 - Codeigniter 3 / framework favorit
1 - Bootstrap
2 - Jquery

#model

?

1 2 3 4 5 6 7

// model public function getDetailsBerita( $postData ) {     return $this->db->get_where( 'tb_berita', [ 'id' => $postData ] )->result_array(); }   #langsungkoding.blogspot.com

#Controller

?

1 2 3 4 5 6 7 8 9 10 11

public function editBerita() {   //dari inputan ajax POST   $postData = $this->input->post('id_berita_nya');   $data  = $this->Berita_model->getDetailsBerita($postData);     echo json_encode($data);   }   #langsungkoding.blogspot.com

#Ajax

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

$('.editBerita').off('click').on('click', function(e){     e.preventDefault();     $('#modalPostBerita').modal('show');     $('#modalPostBerita form')[0].reset();       var id_berita = $(this).attr('id-berita');       $.ajax({           url         : url_nyax+"admin/editBerita",         type        : 'POST',         data : { id_berita_nya : id_berita },         success : function(response_dari_db){               let datakuu = $.parseJSON(response_dari_db);                           $('#judul').val(datakuu[0].judul);             $('#deskripsi').val(datakuu[0].deskripsi);               }       });     #langsungkoding.blogspot.com

#View

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<!-- --> <?php foreach ($b_berita as $row) : ?> <div class="col-lg-6 mb-4 col-md-6 mb-4">     <div class="card shadow mb-4">         <div class="card-header py-3">             <h6 class="m-0 font-weight-bold text-primary"><?= $row['judul']; ?></h6>         </div>         <div class="card-body">             <p class="mb-0">                 <?= $row['deskripsi']; ?>             </p>         </div>         <?php if( $user['role_id'] == 1 ):  ?>         <div class="card-footer text-right">             <a href="#" type="button" class="badge badge-warning m-1 p-1 editBerita" id-berita='<?= $row['id']; ?>'><i class="fas fa-eye"></i></a>             <a href="#" class="badge badge-danger m-1 p-1" id="hapusBerita"><i class="fas fa-trash-alt"></i></a>         </div>         <?php endif; ?>     </div> </div> <?php endforeach; ?>   <!-- langsungkoding.blogspot.com -->

#hasil_nya/result

Terima Kasih
Thank's

TAG TAGS :

CARA MENAMPILKAN DATA BY ID DENGAN JSON | CARA PARSING DATA BY ID DENGAN AJAX | CARA MENAMPILKAN DATA JSON DENGAN AJAX | CARA PARSING JSON KE AJAX DENGAN CODEIGNITER | HOW TO AJAX REQUEST WITH JSON | HOW TO SINGLE ROW FROM DATABASE USING AJAX IN CODEIGNITER | HOW TO SEND AJAX REQUEST IN CODEIGNITER | AJAX | CODEIGNITER | CODEIGNITER 3 | FROM INDONESIA langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara install mongodb di windows 7

SOURCE :

- https://stackoverflow.com/questions/9098649/jquery-ajax-request-with-json-response-how-to/
- https://stackoverflow.com/questions/23911438/get-a-single-row-from-the-database-using-ajax-in-codeigniter/
- https://www.formget.com/codeigniter-jquery-ajax-post/
- https://makitweb.com/send-ajax-request-codeigniter/

Read More