初めてdatatableプラグインを実装しましたが、明らかにstackoverflowのメンバーの助けを借りています。彼らにもう一度感謝します。現在、私の懸念事項は次のようなものです。名前テキスト フィールド、ユーザー名テキスト フィールド、カテゴリ ドロップダウン、年齢範囲などの検索フィールドと、検索するための送信ボタンが 1 つあるページがあります。デフォルトではすべてのレコードが表示され、datatable を使用することで、昇順または降順で並べ替えることができます。プラグインのデフォルトの検索フィールドをcssのみで削除(display:none)。その検索フォームからレコードを検索すると、レコードのリストがそのデータテーブル プラグインで実装されるはずです。しかし、私にはそれができません。処理方法を教えてください。カスタム検索は次のようになります。
<form name="search_user_form" id="search_user_form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="GET" >
<table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" class="form_table" id="searching_parameter" >
<tr>
<td>Name : <input type="text" class="textbox_small" name="search_name" id="search_name" value="<?php echo $_REQUEST['search_name']; ?>" /></td>
<td>Username : <input type="text" class="textbox_small" name="search_username" id="search_username" value="<?php echo $_REQUEST['search_username']; ?>" /></td>
</tr>
<tr>
<td>Email : <input type="text" class="textbox_small" name="search_email" id="search_email" value="<?php echo $_REQUEST['search_email']; ?>" /></td>
<td>Age : <!--<input type="text" class="textbox_small" name="search_age" id="search_age" value="<?php echo $_REQUEST['search_age']; ?>" />-->
<input type="text" size="3" value="<?php echo $_REQUEST['min_age']; ?>" name="min_age" id="min_age" maxlength="2" onKeyPress="return numbersonly(event, false)" >
To <input type="text" size="3" value="<?php echo $_REQUEST['max_age']; ?>" name="max_age" id="max_age" maxlength="2" onKeyPress="return numbersonly(event, false)" >
</td>
</tr>
<tr>
<td colspan="2">Privilege:
<select class="soring_select" name="search_privilege" id="search_privilege" style="height:28px;">
<option value="0" <?php echo $selection_agent;?>>Agent</option>
<option value="1" <?php echo $selected_admin;?>>Admin</option>
<option value="2" <?php echo $selected_supeadmin;?>>Superadmin</option>
<option value="3" <?php echo $selected_owner;?>>Owner</option>
<option value="all" <?php echo $selected_no;?>>All Privilege</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="search_user_btn" id="search_user_btn" value="Search"> <input type="reset" value="Cancel" /></td>
</tr>
</table>
</form>
およびプラグインの場合:
$('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "datatabledb.php?query=<?php (isset($_REQUEST['search_user_btn']))?$search_sql:'';?>",
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [
{
"sExtends": "csv",
"sButtonText": "Save to CSV"
}
]
}
} );