Ignited DataTables

[eluser]cryogenix[/eluser]
[quote author="phpstudent" date="1341059815"]hi

i am trying to do server side coding,


My Controller is

post.php

<?php
class post Extends CI_Controller{
function __construct()
{
parent::__construct();

}

function index() {
$this->load->view('main');
}
function listener() {
$table = 'post';
$columns = array('title', 'category', 'post_date','add_time');
$index = 'id';
$this->load->library('Datatables');

$data['result'] = $this->datatables->generate($table, $columns, $index);
echo $data['result'];

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

}

==========*********==========


and View is

test.php

[removed]
$(document).ready(function(){
$('#test_table').dataTable({
'bServerSide' : true,
'bAutoWidth' : false,
'sPaginationType': 'full_numbers',
'sAjaxSource': 'post/listener',
'aoColumns' : [
{ 'sName': 'title'},
{ 'sName': 'category'},
{ 'sName': 'post_date'},
{ 'sName': 'add_time' },
],
'fnServerData': function(sSource, aoData, fnCallback){
$.ajax({
'dataType': 'json',
'type': 'POST',
'url': sSource,
'data': aoData,
'success': fnCallback
});
},
});
});
[removed]

<fieldset>
<legend>
<b>Search Result</b>
</legend>
<table cellpadding="0" cellspacing="0" border="0" class="display" id='test_table'>
<thead>
<tr class="odd gradeX">
<th>Title</th>
<th>Category</th>
<th>Post Date</th>
<th>Added Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>loading..</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Title</th>
<th>Category</th>
<th>Post Date</th>
<th>Added Date</th>
</tr>
</tfoot>
</table>
</fieldset>

=======*********=======

main.php


&lt;html&gt;
&lt;head&gt;
&lt;link rel="stylesheet" href="&lt;?php echo base_url()?&gt;css/master.css"&gt;
&lt;link rel="stylesheet" href="&lt;?php echo base_url()?&gt;css/tables.css"&gt;
&lt;link rel="stylesheet" href="&lt;?php echo base_url()?&gt;css/iphone-check.css"&gt;
&lt;link rel="stylesheet" href="&lt;?php echo base_url()?&gt;css/icons.css"&gt;
&lt;link rel="stylesheet" href="&lt;?php echo base_url()?&gt;js/media/css/TableTools.css" type="text/css" /&gt;

[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]

[removed]
$(document).ready(function(){

//$.post("http://localhost/dt_sample/index.php/post/test",function(data){
$.post('post/test', function(data){
$('#target_area').html(data);
});
});
[removed]
&lt;/head&gt;
&lt;body&gt;



<div class="navigation_button" id='test_button'>Test DataTable with CL Framework</div>
<div class="content_area" id="target_area"></div>

&lt;/body&gt;

&lt;/html&gt;

i am not getting the ouput... so any one can help me[/quote]

hi there, sorry for the late reply but the version of IgnitedDatatables you are using has long been outdated and is kind of deprecated. you may get the latest version on out github page at: https://github.com/IgnitedDatatables/Ign...atatables/ and consult the wiki section there for usage guide.