Javascript JQuery DataTables非工作方法Draw();
试图重新绘制表格。 单击图标时,需要重新绘制表格。没有错误,但在第二次单击删除图标时会更新该表 有什么问题吗Javascript JQuery DataTables非工作方法Draw();,javascript,jquery,datatables,Javascript,Jquery,Datatables,试图重新绘制表格。 单击图标时,需要重新绘制表格。没有错误,但在第二次单击删除图标时会更新该表 有什么问题吗 var $ = jQuery = require('jquery'); var dataTable = require('../bower/datatables.net/js/jquery.dataTables.js'); $.DataTable = dataTable; var App = { InitUsertable: null, //Table of users mes
var $ = jQuery = require('jquery');
var dataTable = require('../bower/datatables.net/js/jquery.dataTables.js');
$.DataTable = dataTable;
var App = {
InitUsertable: null, //Table of users
mestype: null,
init: function () {
this._initHandler();
console.log('init dTable');
this._initDtDefaultSettings();
this.InitUserTable();
this.InitProductTable();
this.InitCostTable();
this.InitMestypeTable();
},
_initHandler: function () {
$(document).on('click', '#delete', this.InitButtons.bind(this));
},
_initDtDefaultSettings: function () {
$.extend(true, $.fn.dataTable.defaults, {
"lengthMenu": [10, 25, 50, 75, 100, 200],
"oLanguage": {
"sProcessing": false,
"sLengthMenu": "Показывать _MENU_ строк",
"sZeroRecords": "Ничего не найдено",
"sInfo": "Показано с _START_ по _END_ из _TOTAL_ строк",
"sInfoEmtpy": "Показано с 0 по 0 из 0 строк",
"sInfoFiltered": "(выбрано из _MAX_)",
"sInfoPostFix": "",
"sSearch": "Поиск: ",
"sUrl": "",
"sEmptyTable": "Ничего не найдено",
"oPaginate": {"sFirst": "First", "sLast": "Last", "sNext": "Следующая", "sPrevious": "Предыдущая"},
"sInfoEmpty": "Показано с 0 по 0 из 0 строк",
"sLoadingRecords": "loading..."
},
"serverSide": true,
"bProcessing": false,
"bDeferRender": true,
"bAutoWidth": false,
"bFilter": true,
"bInfo": true,
"bSortClasses": true,
"bStateSave": true
})
},
InitMestypeTable: function () {
if ($('#mestypeTable').length != 0) {
var _this = this;
var urlAll = 'http://' + window.location.hostname + '/mestype';
_this.mestypeTable = $('#mestypeTable').DataTable({
"processing": true,
"serverSide": true,
"ajax": {url: urlAll, type: 'GET'},
"order": [[0, "desc"]],
"columns": [
{data: "id", "orderable": false, render:
function (data, type, row)
{
return data;
}},
{data: "name", "orderable": false, render:
function (data, type, row)
{
return data;
}
},
{data: "short_name", "orderable": false, render:
function (data, type, row)
{
return data;
}
},
{data: "edit", "orderable": false, render:
function (data, type, row)
{
return '<a href="/admin/edit-mestype?id=' + data + '" data-toggle="ajaxModal"><i class="fa fa-edit"></i></a>';
}
},
{data: "delete", "orderable": false, render:
function (data, type, row)
{
return '<a href="/mestypes/' + data + '" data-method= "delete" id="delete"><i class="fa fa-trash-o"></i></a>';
}
},
],
});
}
;
},
InitButtons: function () {
App.mestypeTable.draw();
},
};
module.exports = App;
var$=jQuery=require('jQuery');
var dataTable=require('../bower/datatables.net/js/jquery.datatables.js');
$.DataTable=DataTable;
变量应用={
InitUsertable:null,//用户表
mestype:null,
init:函数(){
这个;
log('init dTable');
这是。_initDtDefaultSettings();
this.InitUserTable();
this.InitProductTable();
this.InitCostTable();
this.InitMestypeTable();
},
_initHandler:函数(){
$(文档).on('click','#delete',this.initbutions.bind(this));
},
_initDtDefaultSettings:函数(){
$.extend(true,$.fn.dataTable.defaults{
“长度菜单”:[10,25,50,75,100,200],
“语言”:{
“sProcessing”:错误,
“长度菜单”:“Пазаааааааааааааа,
“sZeroRecords”:“чччааааааааа”,
“sInfo”:“开始、结束、总计”,
“sInfoEmtpy”:“Пззззззззззз0Пзз,
“Sinfofilted”:(最大值),
“sInfoPostFix”:“,
“sSearch”:“ПццСц”:,
“sUrl”:“,
“符号表”:“符号表”,
“oPaginate”:{“sFirst”:“First”、“sLast”:“Last”、“sNext”:“Саааа”、“sPrevious”:“Паааа”,
“无罪”:“Пзззззззззззз0Пзз,
“sLoadingRecords”:“正在加载…”
},
“服务器端”:正确,
“b处理”:false,
“bDeferRender”:没错,
“bAutoWidth”:假,
“bFilter”:没错,
“宾福”:没错,
“bSortClasses”:正确,
“bStateSave”:true
})
},
InitMestypeTable:函数(){
if($('#mestypeTable').length!=0){
var_this=这个;
var urlAll='http://'+window.location.hostname+'/mestype';
_this.mestypeTable=$(“#mestypeTable”).DataTable({
“处理”:对,
“服务器端”:正确,
“ajax”:{url:urlAll,键入'GET'},
“订单”:[[0,“说明”]],
“栏目”:[
{data:“id”,“orderable”:false,呈现:
函数(数据、类型、行)
{
返回数据;
}},
{data:“name”,“orderable”:false,呈现:
函数(数据、类型、行)
{
返回数据;
}
},
{data:“short_name”,“orderable”:false,呈现:
函数(数据、类型、行)
{
返回数据;
}
},
{数据:“编辑”,“可排序”:false,呈现:
函数(数据、类型、行)
{
返回“”;
}
},
{data:“delete”,“orderable”:false,呈现:
函数(数据、类型、行)
{
返回“”;
}
},
],
});
}
;
},
InitButtons:函数(){
App.mestypeTable.draw();
},
};
module.exports=App;
`试试这个:
$('#mestypeTable').ajax.reload( null, false );
试试这个:
$('#mestypeTable').ajax.reload( null, false );