2017-06-05 5 views
1

Ich bin neu in Codeigniter. Ich verwende unendliches Scrollen. Ich bekomme eine Referenz von Infinite scroll. Ich möchte es mit Datenbanksätzen bearbeiten. Aber es funktioniert nicht.Codeigniter: Iinfinite scroll funktioniert nicht mit Datenbank

mir zeigen-Code Lassen:

In Nachrichten Controller:

//Rendering view 
    public function infiniteScroll() { 
     $total_data = $this->news_model->get_all_count(); 
     $data['title'] = 'News List'; 

     $offset = 30; 
     $all_content = $this->news_model->get_all_content(0,$offset); 
     $data['news'] = $all_content; 
     $data['content'] = "news/scrollNews"; 
     $this->load->view('templates/main', $data,FALSE); 
    } 

// Load More data on page scroll 
    public function loadMore($page=1, $count = 30) 
    { 
     $offset = ($page - 1)*$count; 
     $data['title'] = 'News List'; 
     $all_content = $this->news_model->get_all_content($count,$offset); 

     $data['news'] = $all_content; 
     $data['content'] = "news/scrollNews"; 
     $this->load->view('templates/main', $data,FALSE); 
    } 

Meine Ansicht Seite:

<div id="posts"> 
    <?php foreach ($news as $nw){ ?> 
    <div class="post"> 
     <?= $nw->log_id ?> 
    </div> 
    <?php } ?> 
</div> 

<div id="pagination"> 
    <a href="loadMore" class="next">next</a> 
</div> 

<script> 
var ias = jQuery.ias({ 
    container: '#posts', 
    item:  '.post', 
    pagination: '#pagination', 
    next:  '.next', 
}); 
</script> 

Hier ist meine loadMore Funktion auf Klick genannt, aber ich kann noch nichts bekommen Parameter zum Einstellen des Offsets. Ich bin neu, also weiß ich nicht, wie man beim Klicken die nächsten Aufzeichnungen bekommt.

Auch ich brauche Daten auf Scroll geladen werden. Nicht im Klick.

Jede Hilfe bitte.

Antwort

0

, wenn wir auf der nächsten Schaltfläche klicken aus es die URL bekommen "Anker href Attribut"

Änderung

<div id="pagination"> 
<a href="loadMore" class="next">next</a> 

zu

<div id="pagination"> 
      <a href="base_url/controller/action/$page" class="next-posts">next</a> 
     </div> 

Ich bin nicht sicher, aber Ich denke, es funktioniert für Sie

+0

das wird mir Fehler für $ Seite Variable geben. und ich möchte auch, dass ich nicht auf den Link klicke. Es sollte Daten beim Scrollen automatisch laden. Ich verstehe nicht, warum Dokument in Demo nicht richtig informativ ist. – Dhara

+0

Überprüfen Sie diese [Lösung in anderer Antwort] (https://stackoverflow.com/questions/14934667/infinite-scroll-jquery-plugin-in-codeigner) – elddenmedio

+0

okk. Ich werde diese Lösung anwenden. Vielen Dank – Dhara

Verwandte Themen