首先,我会提到我想要实现的目标。我正在使用 PHP 的 CodeIgniter 框架。我的数据库中有 5 个表,我想通过单击显示页面上的按钮以 Datatables 格式显示它们。我使用服务器端处理 php 作为数据源。因此,起初我编写了仅以 Datatable 格式显示一个表的代码,并且成功了。现在我想在按钮单击事件中一次显示 5 个表格。但是 $aColumns 长度应该等于 HTML 表中定义的列数。现在考虑分数表,它有 4 列 student_id、exam_id、subject_id 和 mark_achieved。现在另一个表是分支,只有 2 列 branch_id 和 branch_name。所以我不能动态地增加或减少 HTML 中的标签,所以我很困惑。我也在使用这个来源创建数据表。你可以在这里查看我的 getTable() 函数。
jQuery:
$(document).ready(function()
{
$('#datatable').dataTable({
"sPaginationType":"full_numbers",
"bJQueryUI":true,
"bProcessing": true,
"bServerSide": true,
"sServerMethod": "GET",
"sAjaxSource": "datatable/getTable",
"iDisplayStart": 0,
"iDisplayLength": 10,
"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"aaSorting": [[0, 'asc']],
"aoColumns": [
{ "bVisible": true, "bSearchable": true, "bSortable": true },
{ "bVisible": true, "bSearchable": true, "bSortable": true },
{ "bVisible": true, "bSearchable": true, "bSortable": true },
{ "bVisible": true, "bSearchable": true, "bSortable": true }
]
})
$('input[type=button]').bind('click', function(){
var param = $(this).attr('id');
data = param + '=1';
$.ajax({
type: 'POST',
url: 'datatable',
data: data
}).done(function( data ) {
console.log(data);
$('#display_area').html(data);
});
})
});
HTML:
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/javascript.js"></script>
<script type="text/javascript" src="../js/jquery.dataTables.min.js"></script>
</head>
<body id="dt_example">
<form action="" method="post">
<input type="button" id="display_branch" name="display_branch" value="Display Branch Table" >
<input type="button" id="display_marks" name="display_marks" value="Display Marks Table" >
</form>
<div id="container">
<div id="demo">
<table id="datatable" cellpadding="0" cellspacing="0" border="0" width="100%">
<thead>
<tr>
<th>Student ID</th>
<th>Exam ID</th>
<th>Subject ID</th>
<th>Marks Achieved</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
</div>
<div class="spacer"></div>
</div>
</body>
</html>
为了动态获取列,我在 datatable.php 中进行了如下所示的更改,但它不起作用。这里有什么问题,或者我应该尝试其他方法?
if(isset($_POST['display_marks']))
{
$aColumns = array('student_id', 'exam_id', 'subject_id', 'marks_achieved');
$sTable = 'marks';
}
if(isset($_POST['display_branch']))
{
$aColumns = array('branch_id', 'branch_name');
$sTable = 'branch';
}
编辑: user1190992 发布的解决方案有效,但整个方法发生了变化。并且我想清理列的标题。显示“branch_id”而不是我想显示分支 ID。我怎样才能进行这种消毒?