Auto Load results en codeigniter

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • Auto Load results en codeigniter

      Hallo,

      IK zit met het volgende, ik ben bezig met mijn webshop en wil dus dat als je op de pagina komt van een categorie dat hij doormiddel van limit 10 maar 10 resultaten weergeeft, onderaan staat dan een button van laad meer producten, of dat als je naar beneden scrold dat hij automatisch 10 producten erbij doet (mits deze er zijn). Voorbeeld is wat facebook en twitter hebben, zodra je scrold dat er meer resultaten komen

      Mijn controller:

      PHP Source Code

      1. <?php
      2. defined('BASEPATH') OR exit('No direct script access allowed');
      3. class Webshop extends CI_Controller
      4. {
      5. function __Construct()
      6. {
      7. parent::__Construct ();
      8. $this->load->database(); // load database
      9. $this->load->model('Webshop_Model'); // load model
      10. }
      11. public function products()
      12. {
      13. $this->data['webshop'] = $this->Webshop_Model->getProducts();
      14. $this->load->helper('url');
      15. $this->load->view('template/header');
      16. $this->load->view('template/slider');
      17. $this->load->view('template/menu');
      18. $this->load->view('webshop/products', $this->data);
      19. $this->load->view('template/footer');
      20. }
      21. }
      Display All

      Mijn Model:

      PHP Source Code

      1. <?php
      2. class Webshop_Model extends CI_Model
      3. {
      4. function getProducts()
      5. {
      6. $this->db->select('*');
      7. $this->db->from('webshop');
      8. $this->db->where('category_id', $_GET['category']);
      9. $this->db->limit(10);
      10. $query = $this->db->get();
      11. return $query->result();
      12. }
      Display All
      Mijn view:

      PHP Source Code

      1. <?php foreach($webshop as $item)
      2. {
      3. echo'
      4. <div class="col-md-3 col-sm-6 hero-feature">
      5. <div class="thumbnail">
      6. <img src="'.base_url("assets/images/webshop/".$item->image_url."").'" alt="'.$item->title.'" title="'.$item->title.'">
      7. <div class="caption">
      8. <h3>'.$item->title.'</h3>
      9. <p>'.$item->discription.'</p>
      10. <p><b>&euro; '.$item->price.'</b></p>
      11. <p>
      12. <a href="#" class="btn btn-success">Toevoegen</a> <a href="view?id='.$item->id.'" class="btn btn-info">Lees meer</a>
      13. </p>
      14. </div>
      15. </div>
      16. </div>';
      17. }
      18. ?>
      Display All

      Ik heb nog geen Jquery omdat ik niet weet hoe en wat, wie o wie kan mij helpen?

      Demo: sanwebe.com/assets/ajax-load-on-scroll/
    • Hallo,

      Dit los je op door middel van javascript. Er zijn genoeg plugins, binnen jQuery of AngularJS bijvoorbeeld, die de javascript al kant en klaar hebben. Dan dien je enkel nog de back-end calls goed te doen en je hebt.

      Wel wil ik je er op wijzen dat CodeIgniter aan het afsterven is en dat men naar Laravel aan het switchen is.
      Master student IT-recht en Master student Ondernemingsrecht & software ingenieur
      My Personal profile
      My professional profile (LinkedIn/CV)