数据表编辑器 pagingType 不工作
Datatables Editor pagingType not working
这是与#results table相关的所有代码:
jQuery(document).ready(function) {
editor = new jQuery.fn.dataTable.Editor( {
ajax: "<?php echo $full_dir . '/ajax_call.php'; ?>",
table: "#results",
fields: [ {
label: "Mfg ID",
name: "ball_mfg.mfgID"
}, {
label: "Mfg name:",
name: "ball_mfg.name"
}, {
label: "Model #",
name: "ball_model.modelID"
}, {
label: "Model Name:",
name: "ball_model.name"
}
]
} );
jQuery('#results').DataTable( {
"pagingType": "full_numbers",
dom: "Bfrtip",
ajax: {
url: "<?php echo $full_dir . '/ajax_call.php'; ?>",
type: 'POST'
},
columns: [
{ "render": function ( data, type, full, meta ) {
return '<input type="radio" name="select_model" class="radio1 my_input" data-modelID="'+full.ball_model.modelID+'">';
}}, // here's a radio button, modify to use data to populate it,
{ data: "ball_mfg.name" },
{ data: "ball_model.name" }
],
select: false,
buttons: [
]
} );
这只显示标准的上一页、页码和下一页按钮。您可以在 https://www.bowling-tracker.com/bowl/bowling-resources/bowling-ball-information
查看输出
我更喜欢有一个输入框。你会注意到我有
<script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.16/pagination/input.js"></script>
在 header 中,我尝试使用
"pagingType":"input",
也一样,但我使用哪种分页类型似乎并不重要,它根本不会更改分页按钮。
我正在使用数据表编辑器生成它,因为它需要在服务器端 运行(由于返回的结果),所以我只能显示几个 table(这已加入)。
查看加载的 source code。没有"pagingType"
。将其更改为 input
这样我们就可以看到正确写入后的输出。
这是与#results table相关的所有代码:
jQuery(document).ready(function) {
editor = new jQuery.fn.dataTable.Editor( {
ajax: "<?php echo $full_dir . '/ajax_call.php'; ?>",
table: "#results",
fields: [ {
label: "Mfg ID",
name: "ball_mfg.mfgID"
}, {
label: "Mfg name:",
name: "ball_mfg.name"
}, {
label: "Model #",
name: "ball_model.modelID"
}, {
label: "Model Name:",
name: "ball_model.name"
}
]
} );
jQuery('#results').DataTable( {
"pagingType": "full_numbers",
dom: "Bfrtip",
ajax: {
url: "<?php echo $full_dir . '/ajax_call.php'; ?>",
type: 'POST'
},
columns: [
{ "render": function ( data, type, full, meta ) {
return '<input type="radio" name="select_model" class="radio1 my_input" data-modelID="'+full.ball_model.modelID+'">';
}}, // here's a radio button, modify to use data to populate it,
{ data: "ball_mfg.name" },
{ data: "ball_model.name" }
],
select: false,
buttons: [
]
} );
这只显示标准的上一页、页码和下一页按钮。您可以在 https://www.bowling-tracker.com/bowl/bowling-resources/bowling-ball-information
查看输出我更喜欢有一个输入框。你会注意到我有
<script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.16/pagination/input.js"></script>
在 header 中,我尝试使用 "pagingType":"input",
也一样,但我使用哪种分页类型似乎并不重要,它根本不会更改分页按钮。
我正在使用数据表编辑器生成它,因为它需要在服务器端 运行(由于返回的结果),所以我只能显示几个 table(这已加入)。
查看加载的 source code。没有"pagingType"
。将其更改为 input
这样我们就可以看到正确写入后的输出。