如何使用codeigniter和數據表創建serverside數據表Jquery插件

我使用Codeigniter和dataTables Jquery插件。如何使用codeigniter和數據表創建serverside數據表Jquery插件

我有大約3000行記錄要顯示在表中（我使用postgresql）。但我不希望整個記錄第一次被加載（它會減慢頁面加載速度）。代替。我更願意將它分成幾頁，並在用戶點擊下一個按鈕時根據用戶操作加載它。我與我做的一些代碼糾纏不清，但它仍然在表格底部顯示「顯示1到NaN條目（從NaN總條目中過濾）」的整個記錄。這是我的代碼。

控制器：

<?php 

class Testdata extends CI_Controller 
{ 
    function __consrtuct() 
    { 
     parent::__consrtuct(); 
    } 

    function index() 
    { 
     $this->load->view('vtestdata'); 
    } 

    function getData() 
    { 

     $this->load->model('mtestdata'); 
     $result = $this->mtestdata->getDatax(); 
     echo json_encode($result); 

    } 
}

的型號：

<?php 

class Mtestdata extends CI_Model 
{ 
    function __construct() 
    { 
     parent::__construct(); 
    } 


    function getDatax() 
    { 

     //output 
     $output = array(
       "aData" => array() 
      ); 
     $this->db->select('nik, user_name'); 
     $query=$this->db->get('t_mtr_user'); 
     $output["aData"] = $query->result(); 
     return $output; 
    } 
}

的觀點：

<head> 
    <script type="text/javascript" src="<?php echo base_url();?>/assets/media/js/jquery.js"></script> 
    <script type="text/javascript" src="<?php echo base_url();?>/assets/media/js/jquery.dataTables.js"></script> 
    <script type="text/javascript" src="<?php echo base_url();?>/assets/jqueryUI/js/jquery-ui-1.8.20.custom.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 

      $('#testTable').dataTable({ 


       "bJQueryUI": true, //UI 
       "sAjaxSource": "<?=base_url();?>index.php/testdata/getData", //datasource 
       "sAjaxDataProp": "aData", //menentukan array/json dibaca dari mana 
       "bServerSide": true, //serverside , ini yg bermasalah, kalo di delete beres gak ada error, tapi gak SSP 
       "bProcessing": true, 
       "aoColumns":[ //tentukan kolom pd tabel dan value nya 
        {"mDataProp": "nik", "sTitle": "NIK"}, 
        {"mDataProp": "user_name", "sTitle": "Username"} 
       ] 


      }); 
     }); 



    </script> 
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>/assets/jqueryUI/css/custom-theme/jquery-ui-1.8.20.custom.css"> 
</head> 
<body> 
<div> 
<h1>test</h1> 
<table id="testTable"> 
    <thead> 
     <!-- 
     <tr> 
     <th>nik</th> 
     <th>User name</th> 
     </tr> 
     --> 
    </thead> 
    <tbody> 
    <!-- 
     <td></td> 
     <td></td> 
     --> 
    </tbody> 
</table> 
</div> 
</body>

任何意見傢伙？我非常感謝你的幫助。 :-)

來源

2012-05-27 under5hell

請參考此code。我使用它創建了我的數據表，它工作得很好。如果你有問題，請告訴我。

來源

2012-12-31 07:23:42 SilentAssassin

我認爲這是一個更好的例子：http://www.ahmed-samy.com/php-codeigniter-full-featrued-jquery-datatables-part-1/ –

朋友，你能幫我嗎？ – Angel

它如何適用於加入模型的結果????。請幫幫我 – Angel

如何使用codeigniter和數據表創建serverside數據表Jquery插件

回答

相關問題