私はJquery Datatableプラグインの助けを借りてサーバーサイドページネゴシエーションを実装しようとしています。いくつかのデータを表示し、それはユーザーが日付(基本的に月と年)を選択してレコードを検索することができる外部検索フィールドを持っています。ユーザーが検索を選択するたびに、データテーブルをリフレッシュする必要があります。Jquery Datatableサーバーサイドページネーション外部検索フィールド
DATATABLE
var LeaveDetailsTable = $('#LvReprtTable').DataTable({
"pageLength": 5,
"processing": true,
"serverSide": true,"searching": false,"bLengthChange": false,
"ajax": {
"url": "GetLeaveDetails",
"type": "POST",
"datatype": "json",
"data": function (d) {
d.EmpId = empId;
d.UserType = userType;
d.Month = "1";
d.year = "2017";
}
},
"columns": [
{ "data": "_fromdate" },
{ "data": "_todate" },
{ "data": "_strLvType" },
{ "data": "_leavedurationtype" },
{ "data": "_leavedurationtype" },
{ "data": "_leavedurationtype" },
],
"columnDefs": [{
"targets": -1,
"data": data,
"defaultContent": "<button>Click!</button>"
}]
,"language":
{
"processing": "<div class='row text-center waitIconDiv' id='LoadIconDiv'><img alt='Progress' src='~/Content/images/wait_icon.gif' width='50' height='50' id='imgProgLvRprt' /></div>"
},
});
Month
とyear
変化してもよいです。
コントローラの操作を表示できますか? –
とこの記事を見て:https://www.codeproject.com/Articles/1170086/Implement-Grid-with-Server-Side-Advanced-Search-us –