0

#results テーブルに関連するすべてのコードは次のとおりです。

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>

ヘッダーで "pagingType":"input" を使用しようとしましたが、

同様に、どのページングタイプを使用しても問題ないようです。単にページネーションボタンを変更しません。

サーバー側で実行する必要があるため(結果が返されるため)、DataTables Editorを使用してこれを生成しているため、(結合された)いくつかのテーブルしか表示できません。

4

1 に答える 1