0

DataTable を使用してテーブルを表示します ここにコードがあります:

$(document).ready(function() {
$('#example').dataTable( {
        "iDisplayLength": 50,
    "sPaginationType": "full_numbers",
     "bStateSave": true
} );
} );
</head>
<body>
             <table class="display" id="example">
            <thead>
                <tr>
                <th class="id-th"><strong>ID</strong></th>
                <th class="date-th"><strong>Date Added</strong></th>
                <th class="fullname-th"><strong>Full name</strong></th>
                <th class="email-th"><strong>Email</strong></th>
                <th class="visits-th"><strong>Visits</strong></th>
                <th class="totalleads-th"><strong>Total Leads</strong></th>
                <th class="uniqueleads-th"><strong>Unique Leads</strong></th>
                <th class="unpaid-th"><strong>Unpaid Leads</strong></th>
                <th class="action-th"><strong>Actions</strong></th>
              </tr>
</thead>
<tbody>
<?php$query = "SELECT * FROM publishers";
$result = mysql_query($query) or die("Query failed: " . mysql_error());while ($row = mysql_fetch_array($result))
{
$publisher_id = $row['id'];
$publisher_datetime = $row['date_time'];
$publisher_firstname = $row['first_name'];
$publisher_lastname = $row['last_name'];
$publisher_email = $row['email']; ?>
                <tr class="">
                <td class="id-th"><strong><?php echo $publisher_id; ?></strong></td>
                <td class="date-th"><strong><?php echo $publisher_datetime; ?></strong></td>
                <td class="fullname-th"><strong><?php echo "$publisher_firstname $publisher_lastname"; ?></strong></td>
                <td class="email-th"><strong><?php echo $publisher_email; ?></strong></td>

                <td class="visits-th"><strong><?php echo $publisher_visits; ?></strong></td>
                <td class="totalleads-th"><strong><?php echo $publisher_total; ?></strong></td>
                <td class="uniqueleads-th"><strong><?php echo $publisher_unique; ?></strong></td>
                <td class="unpaid-th"><strong><?php echo $publisher_unpaid; ?></strong></td>
                <td class="action-th">
                    <ul class="button-table-head">
                        <li><div class="button-head edit-icon"><a href="#" class="sweet-tooltip" data-text-tooltip="Edit" data-style-tooltip="tooltip-mini-slick"><span>Edit</span></a></div></li>
                        <li><div class="button-head delete-icon"><a href="#" class="sweet-tooltip" data-text-tooltip="Delete" data-style-tooltip="tooltip-mini-slick" onclick="jConfirm('Are you sure you want to delete this publisher?', 'Delete publisher', function(r) {
        jAlert('Publisher deleted');
    });"><span>Delete</span></a></div></li>
                    </ul>
                </td>
              </tr><?php } ?></tbody></table>

だから今私の質問は - 行を編集または削除するとき - 更新を表示するために毎回ページをリロードする必要がありますか? DataTable の説明を読んでみましたが、よくわかりません。

ヒントをありがとう！

4

2 に答える 2

0

行を削除するためのjquery ajax呼び出しを行い、データテーブルを更新して、適切なページネーションと適切なレコードを表示できます。データテーブルを更新するために多くの方法を検索しましたが、最終的に利用した関数はあなたが望むすべてを行います. 関数は行番号を取ります。行削除操作を実行し、データ テーブルを更新するための入力として。これが私がしたことです。

forループでテーブルを作成中。番号を割り当てます。tr の id として 0 以降。>

<script>
    table = $('#table_id').datatables();
    $(delete_row).click(function(){
     ..
     var row_no=$(this).closest("tr").attr("id");
     $.ajax({
        ...
        success : function(data) {
        ...
        table.fnDeleteRow(row_no);
     }
     });
     });
</script>
于 2014-09-14T15:10:44.587 に答える
0

純粋な PHP を使用する場合は、はい.

AJAX を使用して PHP スクリプトを呼び出すなど、他の方法を受け入れる場合は、いいえ:

DB からデータを更新/追加/削除する PHP スクリプトを作成し、DB から必要なデータを取得する別のスクリプトを作成します。どちらの種類のスクリプトも AJAX で好きなだけ呼び出すことができ、データ取得スクリプト (再び AJAX で呼び出されます) を使用して更新されたデータを表示できます。

于 2012-09-19T17:11:27.677 に答える