Codeigniter中的AJAX分页

时间:2011-07-23 22:34:09

标签: php javascript jquery ajax codeigniter

是否可以在Codeigniter中使用AJAX分页而无需编辑分页库?编辑分页库会让生活变得更轻松吗?

2 个答案:

答案 0 :(得分:1)

您不需要编辑分页库。 AJAX都是前端兄弟。您只需创建一个显示结果列表的视图,然后创建另一个视图,其中包含您将在列表视图中填充的div。在结果容器中,您可以使用其他视图将ajax响应加载到div中。

答案 1 :(得分:0)

使用插件Jquery Pagintation

在加载视图之前添加jquery。

//Define model function with limit
public function modelFunction($limit=0)
    {
        $this->db->select("....col_name....");
            //....................
            //.........
        $this->db->limit(10,$limit)->order_by('id', 'desc');
        return $this->db->get()->result_array();

    }



//Define controller function with limit
function controllerFunction($limit = 0)
    {
        $config['base_url'] = path_to_controllerFunction
        $config['total_rows'] = call_to_total_count_function;
        $config['per_page'] = 10;
        $data["total"] = call_to_total_count_function;
        $config['use_page_numbers'] = TRUE;
        $data["per_page"] = 10;
        $config['full_tag_open'] = "<div class = 'pagination'>";
        $config['full_tag_close'] = "</div>";
        //$config['additional_param']  = 'serialize_form()';
        $config['div'] = '#div_to_load_result'; /* Here #content is the CSS selector for target DIV */
        //$config['js_rebind'] = "alert('it works !!'); "; /* if you want to bind extra js code */
        $this->load->library('table');
        $this->jquery_pagination->initialize($config);
        $html  =  $this->jquery_pagination->create_links();
        $html .= '<br>';
        //$this->table->function = 'htmlspecialchars';
        //$this->table->set_heading('Delivery','image','time','delivery','old');
        $html .= $this->table->generate($this->modelname->modelFunction( $limit ));

        echo $html;
    }


        // first time loading result in controller
function index()
    {
        $config['base_url'] = controllerFunction
        $config['total_rows'] = total_number_of_result;
        $config['per_page'] = 10;
        $data["total"] = total_number_of_result
        $data["per_page"] = 10;
        $config['use_page_numbers'] = TRUE;
        $config['full_tag_open'] = "<div class = 'pagination'>";
        $config['full_tag_close'] = "</div>";
        //$config['additional_param']  = 'serialize_form()';
        $config['div'] = '#div_to_load_result'; /* Here #content is the CSS selector for target DIV */
        //$config['js_rebind'] = "alert('it works !!'); "; /* if you want to bind extra js code */
        $this->load->library('table');
        $this->jquery_pagination->initialize($config);
        $data['html'] =  $this->jquery_pagination->create_links().'<br>'.$this->table->generate($this->modelname->modelFunction());

        $this->theme->view(path_of_view, $data);
    }
// now in view  add following line 
<div id="mygrid"><?php echo $html; ?></div>