Javascript 无法获取要初始化的Datatables编辑器
我正在处理一个页面,其中上传一个xlsx文件,将其解析为一个对象数组(每一行都是一个对象),然后填充到一个数据表中。我希望能够在单击另一个按钮并将其发送到数据库之前编辑表中的数据。但无法使编辑工作正常进行。我在网上找到了很多不同的初始化编辑器的方法,但都不适合我 如果我去掉编辑器代码,普通数据表可以正常工作,但到目前为止,我得到了错误:Javascript 无法获取要初始化的Datatables编辑器,javascript,datatable,Javascript,Datatable,我正在处理一个页面,其中上传一个xlsx文件,将其解析为一个对象数组(每一行都是一个对象),然后填充到一个数据表中。我希望能够在单击另一个按钮并将其发送到数据库之前编辑表中的数据。但无法使编辑工作正常进行。我在网上找到了很多不同的初始化编辑器的方法,但都不适合我 如果我去掉编辑器代码,普通数据表可以正常工作,但到目前为止,我得到了错误: 无法读取未调谐的属性编辑器 下面是代码以及如何填充数据表 $(function() { let session = '<?=json_encode
无法读取未调谐的属性编辑器
下面是代码以及如何填充数据表
$(function() {
let session = '<?=json_encode($_SESSION)?>';
//console.log(session);
var editor = new $.fn.dataTabe.Editor({
table: '#datatable'
});
var table = $('#datatable').DataTable();
table
.order( [ 3, 'asc' ] ).page.len( 10 )
.draw();
});
let fileIn;
let resultArray;
let finalArray = new Array;
document.getElementById('getFile').addEventListener('click', () => {
fileIn = document.getElementById('my_file_input').files[0];
console.log(fileIn);
parseExcel(fileIn);
setTimeout(() => {
resultArray.forEach((arr) => {
let company = (arr.company) ? arr.company : null;
let category = (arr.category) ? arr.category : null;
let pcs_no = (arr.pcs_no) ? arr.pcs_no : null;
let product_name = (arr.product_name) ? arr.product_name : null;
let min_range_rate = (arr.min_range_rate) ? arr.min_range_rate : null;
let max_range_rate = (arr.max_range_rate) ? arr.max_range_rate : null;
let max_total_rate_per_ha = (arr.max_total_rate_per_ha) ? arr.max_total_rate_per_ha : null;
let measure_unit = (arr.measure_unit) ? arr.measure_unit : null;
let range_notes = (arr.range_notes) ? arr.range_notes : null;
let comment = (arr.comment) ? arr.comment : null;
let crops;
let pack_size;
let chemical;
if(arr.crops) {
if(arr.crops.includes(',')) {
crops = arr.crops.split(',');
} else {
crops = arr.crops;
}
} else {
crops = null;
}
if(arr.pack_size) {
if(arr.pack_size.includes(',')) {
pack_size = arr.pack_size.split(',');
} else {
pack_size = arr.pack_size;
}
} else {
pack_size = null;
}
if(arr.chemical) {
if(arr.chemical.includes(',')) {
chemical = arr.chemical.split(',');
} else {
chemical = arr.chemical;
}
} else {
chemical = null;
}
let data = {
company,
category,
pcs_no,
product_name,
min_range_rate,
max_range_rate,
max_total_rate_per_ha,
measure_unit,
range_notes,
comment,
crops,
pack_size,
chemical
}
finalArray.push(data);
});
finalArray.forEach((arr) => {
table.row.add([
arr.company,
arr.category,
arr.category,
arr.pcs_no,
arr.product_name,
arr.pack_size,
arr.chemical,
arr.min_range_rate,
arr.max_range_rate,
arr.max_total_rate_per_ha,
arr.measure_unit,
arr.range_notes,
arr.crops,
(arr.comment) ? arr.comment.trim() : null
]).draw(false)
});
console.log(finalArray);
}, 3000);
});
$(函数(){
让session='';
//console.log(会话);
var editor=new$.fn.dataTabe.editor({
表:“#数据表”
});
var table=$('#datatable')。datatable();
桌子
.order([3,'asc'])。第页。len(10)
.draw();
});
让我们进来;
放射线;
设finalArray=新数组;
document.getElementById('getFile').addEventListener('click',()=>{
fileIn=document.getElementById('my_file_input')。文件[0];
console.log(fileIn);
解析Excel(文件输入);
设置超时(()=>{
resultArray.forEach((arr)=>{
let company=(arr.company)?arr.company:null;
let category=(arr.category)?arr.category:null;
设pcs_no=(arr.pcs_no)?arr.pcs_no:null;
让product\u name=(arr.product\u name)?arr.product\u name:null;
设最小范围速率=(arr.min\u range\u rate)?arr.min\u range\u rate:空;
设max_range_rate=(arr.max_range_rate)?arr.max_range_rate:null;
设max_total_rate_per_ha=(arr.max_total_rate_per_ha)?arr.max_total_rate_per_ha:null;
设度量单位=(arr.measure\u unit)?arr.measure\u unit:null;
让range\u notes=(arr.range\u notes)?arr.range\u notes:null;
let comment=(arr.comment)?arr.comment:null;
让庄稼;
让包装尺寸;
让化学;
如果(农作物){
if(包括(',')){
crops=arr.crops.split(',');
}否则{
作物=arr.作物;
}
}否则{
crops=null;
}
if(平均包装尺寸){
如果(arr.pack_size.包括(',')){
pack_size=arr.pack_size.split(',');
}否则{
包装尺寸=arr.pack\u尺寸;
}
}否则{
包装尺寸=空;
}
if(arr.化学品){
if(arr.chemical.包括(',')){
化学=arr.chemical.split(',');
}否则{
化学品=arr.化学品;
}
}否则{
化学=零;
}
让数据={
公司,
类别
没有,
产品名称,
最小量程率,
最大射程射速,
每公顷的最大总费率,
计量单位,
系列注释,
评论,,
作物,
包装尺寸,
化学的
}
finalArray.push(数据);
});
finalArray.forEach((arr)=>{
table.row.add([
阿里尔公司,
arr.category,
arr.category,
arr.pcs_编号,
arr.product_名称,
arr.pack_尺寸,
阿尔化学,
到达最小范围速度,
arr.max_范围_率,
每公顷租金最高总费率,
arr.测量单位,
arr.range_注释,
啊,庄稼,
(arr.comment)?arr.comment.trim():null
]).抽签(假)
});
控制台日志(finalArray);
}, 3000);
});
显示html-加载数据表的位置plugin@WiatroBosy
确切位置在哪里?在页面的顶部还是底部?@WiatroBosy top,sorry向下移动页面显示html-在那里加载数据表plugin@WiatroBosy
确切位置在哪里?在页面的顶部还是底部?@WiatroBosy top,对不起,请向下移动页面