我正在尝试使用DataTables的输入插件进行分页。我已经加载了所有三个jar文件--jQuery1.11.1,dataTables1.10和input.js。但我还是得到了
TypeError: $.fn.dataTableExt is undefined
和
TypeError: plugin is undefined
错误。
我是否必须包含任何其他罐子?在一些旧帖子中,我看到plugin.jar被加载但在DataTables plugin page本身没有提到这个JAR。
DataTables初始化代码
var table = $jq11('#openCasesTable').dataTable({
"ajax": someUrl,
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [0, 6, 7] }
],
"columns": [
{
"data": null,
"render": function(data, type, row, meta) {
...
}
},
...
],
"deferRender": true,
"dom": 'l<"#removeButtonDiv.removeButton">rtip',
"filter": false,
"initComplete": function(settings, json) {
$('#removeButtonDiv').html('<input id="removeButton" type="button" value="Remove" style="float:right; height: 25px;" disabled />');
},
"lengthMenu": [ [20, 40, 60, 80, 100], [20, 40, 60, 80, 100] ],
"language": {
"emptyTable": "No data to list",
"infoFiltered": " "
},
"order": [[4, "desc"]],
"processing": true,
"drawCallback": function( settings ) {
$.each(selected, function(index, value){
$('#'+value).attr("checked", "checked");
});
},
"serverSide": true,
"sPaginationType": "input"
});
答案 0 :(得分:1)
从dataTable 1.10开始,他们改变了分页结构。现在他们使用&#34; paging&#34; (布尔值),&#34; pagingType&#34; (字符串)属性,似乎他们也改变了分页插件结构。因此,每个分页插件都不会在1.10上运行。您可以使用dataTable 1.9。
新的分页选项: http://datatables.net/reference/option/pagingType
正在构建的分页插件页面:http://datatables.net/manual/plug-ins/paging
它们提供完整,简单,full_numbers和simple_numbers作为默认选项。如果您想使用输入分页,可以在their github下载dataTable 1.9或尝试制作自己的upgrade section中提供的向后兼容逻辑。
$(document).ready(function() {
$('#example').dataTable( {
"pagingType": "full_numbers"
} );
} );
答案 1 :(得分:-1)
HTML文件
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
</tbody>
</table>
JAVASCRIPT FILE
$(document).ready(function() {
$('#example').DataTable();
} );
包含以下css以及格式
../../媒体/ CSS / jquery.dataTables.css
所有的东西,样本和例子都在下面。你可以下载它。
http://www.datatables.net/download/download
与上述事情合作的分页。如果您仍然面临问题,请从上面的链接添加文件并再试一次。