Javascript JQuery-DataTables-init期间无法在()方法上赋值
正在尝试在我的DataTable上设置re-order,但我不希望必须将其分配给变量才能执行此操作。不获取任何错误,但也不获取任何控制台日志(使用第一个方法,第二个方法我确实获取了它们) 不工作的代码:Javascript JQuery-DataTables-init期间无法在()方法上赋值,javascript,jquery,datatables,Javascript,Jquery,Datatables,正在尝试在我的DataTable上设置re-order,但我不希望必须将其分配给变量才能执行此操作。不获取任何错误,但也不获取任何控制台日志(使用第一个方法,第二个方法我确实获取了它们) 不工作的代码: $("#records-table-rowreorder").DataTable({ responsive:!0, "searching": true, "ordering": false, buttons:[ {extend:"print",ex
$("#records-table-rowreorder").DataTable({
responsive:!0,
"searching": true,
"ordering": false,
buttons:[
{extend:"print",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"copyHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"excelHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"csvHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"pdfHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'}
],
dom:"<'row'<'col-sm-12 col-md-6 text-left'f><'col-sm-12 col-md-6 text-right'l>><'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-6 text-left'f><'col-sm-12 col-md-6 text-right'l>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
lengthMenu:[[10, 25, 50, -1], [10, 25, 50, "All"]],
pageLength:10,
language:{lengthMenu:"Results _MENU_"},
order:[[1,"asc"]],
rowReorder: {
selector: '.dt-reorder', //'tr>td:not(:last-child)', // I allow all columns for dragdrop except the last
update: false
},
columnDefs:[{
targets:0,
orderable:!1,
className:"dt-checkbox",
render:function(e,t,c,a){return'<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid kt-checkbox--brand"><input type="checkbox" value="'+e+'" class="kt-checkable"><span></span></label>'}
}, {
targets:-2,
orderable:!1,
className:"dt-actions"
}]
}),$(this).on('row-reorder', function (e, diff, edit) {
var result = 'Reorder started on row: '+edit.triggerRow.data()[1]+'<br>';
console.log(result);
for ( var i=0, ien=diff.length ; i<ien ; i++ ) {
var rowData = rrtable.row( diff[i].node ).data();
result += rowData[1]+' updated to be in position '+
diff[i].newData+' (was '+diff[i].oldData+')<br>';
}
console.log('Event result:');
console.log(result);
bootstrapNotify('Event result:<br>'+result);
}), $(this).on("change",".kt-group-checkable",function(){var e=$(this).closest("table").find("td:first-child .kt-checkable"),t=$(this).is(":checked");$(e).each(function(){t?($(this).prop("checked",!0),$(this).closest("tr").addClass("active")):($(this).prop("checked",!1),$(this).closest("tr").removeClass("active"))})}),$(this).on("change","tbody tr .kt-checkbox",function(){$(this).parents("tr").toggleClass("active")});
$(“#记录表行重新排序”).DataTable({
响应:!0,
“搜索”:没错,
“命令”:错误,
按钮:[
{extend:“print”,exportOptions:{列:::not(.no export)},标题:'export'},
{extend:“copyHtml5”,导出选项:{columns:::not(.no export)},标题:'export'},
{extend:“excelHtml5”,导出选项:{columns:::not(.no export)},标题:'export'},
{扩展:“csvHtml5”,导出选项:{columns:::not(.no export)},标题:'export'},
{扩展:“pdfHtml5”,导出选项:{columns:::not(.no export)},标题:'export'}
],
dom:“”,
长度菜单:[[10,25,50,-1],[10,25,50,“全部”],
页长:10,
语言:{lengthMenu:“结果{u菜单},
订单:[[1,“asc”]],
行重新排序:{
选择器:'.dt reorder',//'tr>td:not(:last child)',//我允许dragdrop的所有列,但最后一列除外
更新:false
},
columnDefs:[{
目标:0,
可订购:!1,
类名:“dt复选框”,
呈现:函数(e,t,c,a){返回''}
}, {
目标:-2,
可订购:!1,
类名:“dt操作”
}]
}),$(this).on('row-reorder',函数(e,diff,edit){
var result='Reorder started on row:'+edit.triggerRow.data()[1]+'
';
控制台日志(结果);
对于(var i=0,ien=diff.length;i您可以这样链接它:
$("#records-table-rowreorder").DataTable({
responsive:!0,
"searching": true,
"ordering": false,
buttons:[
{extend:"print",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"copyHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"excelHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"csvHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"pdfHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'}
],
dom:"<'row'<'col-sm-12 col-md-6 text-left'f><'col-sm-12 col-md-6 text-right'l>><'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-6 text-left'f><'col-sm-12 col-md-6 text-right'l>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
lengthMenu:[[10, 25, 50, -1], [10, 25, 50, "All"]],
pageLength:10,
language:{lengthMenu:"Results _MENU_"},
order:[[1,"asc"]],
rowReorder: {
selector: '.dt-reorder', //'tr>td:not(:last-child)', // I allow all columns for dragdrop except the last
update: false
},
columnDefs:[{
targets:0,
orderable:!1,
className:"dt-checkbox",
render:function(e,t,c,a){return'<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid kt-checkbox--brand"><input type="checkbox" value="'+e+'" class="kt-checkable"><span></span></label>'}
}, {
targets:-2,
orderable:!1,
className:"dt-actions"
}]
})
.on('row-reorder', function (e, diff, edit) {
var result = 'Reorder started on row: '+edit.triggerRow.data()[1]+'<br>';
console.log(result);
for ( var i=0, ien=diff.length ; i<ien ; i++ ) {
var rowData = rrtable.row( diff[i].node ).data();
result += rowData[1]+' updated to be in position '+
diff[i].newData+' (was '+diff[i].oldData+')<br>';
}
console.log('Event result:');
console.log(result);
bootstrapNotify('Event result:<br>'+result);
})
.on("change",".kt-group-checkable",function(){var e=$(this).closest("table").find("td:first-child .kt-checkable"),t=$(this).is(":checked");$(e).each(function(){t?($(this).prop("checked",!0),$(this).closest("tr").addClass("active")):($(this).prop("checked",!1),$(this).closest("tr").removeClass("active"))})}),$(this).on("change","tbody tr .kt-checkbox",function(){$(this).parents("tr").toggleClass("active")});
$(“#记录表行重新排序”).DataTable({
响应:!0,
“搜索”:没错,
“命令”:错误,
按钮:[
{extend:“print”,exportOptions:{列:::not(.no export)},标题:'export'},
{extend:“copyHtml5”,导出选项:{columns:::not(.no export)},标题:'export'},
{extend:“excelHtml5”,导出选项:{columns:::not(.no export)},标题:'export'},
{扩展:“csvHtml5”,导出选项:{columns:::not(.no export)},标题:'export'},
{扩展:“pdfHtml5”,导出选项:{columns:::not(.no export)},标题:'export'}
],
dom:“”,
长度菜单:[[10,25,50,-1],[10,25,50,“全部”],
页长:10,
语言:{lengthMenu:“结果{u菜单},
订单:[[1,“asc”]],
行重新排序:{
选择器:'.dt reorder',//'tr>td:not(:last child)',//我允许dragdrop的所有列,但最后一列除外
更新:false
},
columnDefs:[{
目标:0,
可订购:!1,
类名:“dt复选框”,
呈现:函数(e,t,c,a){返回''}
}, {
目标:-2,
可订购:!1,
类名:“dt操作”
}]
})
.on('row-reorder',函数(e、diff、edit){
var result='Reorder started on row:'+edit.triggerRow.data()[1]+'
';
控制台日志(结果);
对于(变量i=0,ien=diff.length;i
$("#records-table-rowreorder").DataTable({
responsive:!0,
"searching": true,
"ordering": false,
buttons:[
{extend:"print",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"copyHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"excelHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"csvHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'},
{extend:"pdfHtml5",exportOptions:{columns:":not(.no-export)"},title: 'Export'}
],
dom:"<'row'<'col-sm-12 col-md-6 text-left'f><'col-sm-12 col-md-6 text-right'l>><'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-6 text-left'f><'col-sm-12 col-md-6 text-right'l>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
lengthMenu:[[10, 25, 50, -1], [10, 25, 50, "All"]],
pageLength:10,
language:{lengthMenu:"Results _MENU_"},
order:[[1,"asc"]],
rowReorder: {
selector: '.dt-reorder', //'tr>td:not(:last-child)', // I allow all columns for dragdrop except the last
update: false
},
columnDefs:[{
targets:0,
orderable:!1,
className:"dt-checkbox",
render:function(e,t,c,a){return'<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid kt-checkbox--brand"><input type="checkbox" value="'+e+'" class="kt-checkable"><span></span></label>'}
}, {
targets:-2,
orderable:!1,
className:"dt-actions"
}]
})
.on('row-reorder', function (e, diff, edit) {
var result = 'Reorder started on row: '+edit.triggerRow.data()[1]+'<br>';
console.log(result);
for ( var i=0, ien=diff.length ; i<ien ; i++ ) {
var rowData = rrtable.row( diff[i].node ).data();
result += rowData[1]+' updated to be in position '+
diff[i].newData+' (was '+diff[i].oldData+')<br>';
}
console.log('Event result:');
console.log(result);
bootstrapNotify('Event result:<br>'+result);
})
.on("change",".kt-group-checkable",function(){var e=$(this).closest("table").find("td:first-child .kt-checkable"),t=$(this).is(":checked");$(e).each(function(){t?($(this).prop("checked",!0),$(this).closest("tr").addClass("active")):($(this).prop("checked",!1),$(this).closest("tr").removeClass("active"))})}),$(this).on("change","tbody tr .kt-checkbox",function(){$(this).parents("tr").toggleClass("active")});