JQuery Datatables + Codeigniter(静态cols)

时间:2013-05-19 17:53:54

标签: mysql ajax json codeigniter datatables

我正在使用Codeigniter和JQuery Datatables通过AJAX / JSON请求从MYSQL数据库中提供实时更新的数据。我不是这段代码的原始开发人员,这就是为什么我无法解决这个问题的原因。

我所拥有的是一个包含26列的表,并非所有列都已填充,但似乎所有这些列都直接来自数据库。这是json_table函数代码的一部分:

$this->load->model('aircraft_model');
$this->load->model('nats_model');

$aColumns = array('FlightSts', 'TblOrder', 'Callsign', 'Destination', 'NAT', 'SELCAL', 'CldFL', 'CldMach', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', 'FlightID');
$sTable = 'naecs_aircraft';

$ stable似乎是mysql表,这是正确的, $ acolumns似乎是mysql表naecs_aircraft中的所有字段。这一切都是正确的,它甚至可以工作,但在第二列,就在FlightID之前,我想填充一个按钮。所以基本上在第二句中我想要一个按钮。

怎么做?

此致 马切伊。

@ EDIT1

这是控制器ajax.php中的整个函数:

public function json_table(){
    $this->access->requires(ACCESS_USER);
    $this->load->model('aircraft_model');
    $this->load->model('nats_model');

    $aColumns = array('FlightSts', 'TblOrder', 'Callsign', 'Destination', 'NAT', 'SELCAL', 'CldFL', 'CldMach', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', 'FlightID');
    $sTable = 'naecs_aircraft';

    $iDisplayStart = $this->input->get_post('iDisplayStart', true);
    $iDisplayLength = $this->input->get_post('iDisplayLength', true);
    $iSortCol_0 = $this->input->get_post('iSortCol_0', true);
    $iSortingCols = $this->input->get_post('iSortingCols', true);
    $sSearch = $this->input->get_post('sSearch', true);
    $sEcho = $this->input->get_post('sEcho', true);

    if(isset($iSortCol_0))
    {
        for($i=0; $i<intval($iSortingCols); $i++)
        {
            $iSortCol = $this->input->get_post('iSortCol_'.$i, true);
            $bSortable = $this->input->get_post('bSortable_'.intval($iSortCol), true);
            $sSortDir = $this->input->get_post('sSortDir_'.$i, true);

            if($bSortable == 'true')
            {
                if ($aColumns[$iSortCol] != ' '){
                    $this->aircraft_model->json_table_sort($aColumns, $iSortCol, $sSortDir);
                }
            }
        }
    }

    if(isset($sSearch) && !empty($sSearch))
    {
        for($i=0; $i<count($aColumns); $i++)
        {
            if ($aColumns[$i] != ' '){
                $bSearchable = $this->input->get_post('bSearchable_'.$i, true);
                if(isset($bSearchable) && $bSearchable == 'true')
                {
                    $this->aircraft_model->json_table_filter($aColumns, $i, $sSearch);
                }
            }
        }
    }

    $rResult = $this->aircraft_model->json_table_select($aColumns, $sTable);
    $iFilteredTotal = $this->aircraft_model->json_table_found($aColumns);
    $iTotal = $this->aircraft_model->count_all($sTable);

    $output = array(
        'sEcho' => intval($sEcho),
        'iTotalRecords' => $iTotal,
        'iTotalDisplayRecords' => $iFilteredTotal,
        'aaData' => array()
    );

    $headers = array('3active' => FALSE, '2cleared' => FALSE, '4closed' => FALSE, '1entered' => FALSE, '5disconnected' => FALSE);

    foreach($rResult->result_array() as $aRow)
    {
        $row = array();

        foreach($aColumns as $col)
        {
            @$row[] = $aRow[$col];
        }

        $databit = $row;
        $databit['DT_RowId'] = $aRow['FlightID'];
        $databit['DT_RowName'] = $aRow['Callsign'];
        $output['aaData'][] = $databit;
        $headers[$aRow['FlightSts']] = TRUE;
    }

    foreach ($headers as $key => $value){
        if ($value == FALSE){
            $output['aaData'][] = array($key, ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ');
        }
    }

    $output['aaData'][] = array('No More Aircraft', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ');

    echo json_encode($output);
}

tableinit.js:

function initTable(){
    oTable = $('#main-table').dataTable({
        "bProcessing": true,
        "bServerSide": true,
        "bSort": true,
        "sServerMethod": "GET",
        "sAjaxSource": "ajax/json_table",
        "oLanguage": { "sProcessing": "<i class='icon-refresh icon-spin'></i>" },
        "sDom": "<'pull-right'r><'row'<'span8'l>>tS",
        "sScrollY": "400px",
        "bPaginate": false,
        "bScrollCollapse": true,
        "aoColumnDefs": [ 
        { "bVisible": false,  "aTargets": [ 1, 25 ] },
        ],
        "aaSorting": [[ 1, "asc" ]],
        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
            $('td:eq(0)', nRow).attr("name", "callsign");
            $('td:eq(1)', nRow).attr("name", "destination");
            $('td:eq(2)', nRow).attr("name", "nat");
            $('td:eq(3)', nRow).attr("name", "selcal");
            $('td:eq(4)', nRow).attr("name", "lvl");
            $('td:eq(5)', nRow).attr("name", "mach");
        },
    }).rowGrouping({ iGroupingColumnIndex: 0, sGroupingClass: 'nodrop', bSetGroupingClassOnTR: true });
}

2 个答案:

答案 0 :(得分:0)

您需要找到为表格构建数据的位置,并在那里添加html。您没有给我们足够的信息来完全回答,但您可以使用以下两种方法之一填充数据表:

1)在普通的php输出中创建一个表,然后只是初始化

2)使用ajax源加载数据

对于您的问题,两种方式基本相同 - 找到创建表行数据的位置,并在那里修改一个列,其中包含您想要的按钮html

答案 1 :(得分:0)

我已经研究过各种各样的东西,在

之后我终于得到了解决方案
foreach($aColumns as $col)
{
        @$row[] = $aRow[$col];
}

我刚补充说:

$row[24] = '<a data-toggle="modal" href=#clrAircraft" data target="#clrAircraft">Clearance</a>';

非常简单的解决方案,这将从aColumns数组中取出col 24,所以表格的第25列添加你将添加的任何内容。