Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 制表器不是一个函数_Javascript_Jquery_Html_Tabulator - Fatal编程技术网

Javascript 制表器不是一个函数

Javascript 制表器不是一个函数,javascript,jquery,html,tabulator,Javascript,Jquery,Html,Tabulator,我正在遵循Tablator(v4.2+)中的快速入门指南-当我在我得到的html脚本中包含一个按钮单击函数时,它按预期工作。Tablator不是一个函数错误,并且table变量似乎在浏览器控制台中打印未定义 当我尝试在浏览器控制台中打印时,它会从代码中返回表对象,但不会返回console.log var tabledata=[{ id:1, 姓名:“奥利·鲍勃”, 年龄:"12岁",, 上校:“红色”, dob:“ }, { id:2, 姓名:“玛丽·梅”, 年龄:"1岁",, 上校:“蓝色”

我正在遵循Tablator(v4.2+)中的快速入门指南-当我在我得到的html脚本中包含一个按钮单击函数时,它按预期工作。Tablator不是一个函数错误,并且table变量似乎在浏览器控制台中打印未定义

当我尝试在浏览器控制台中打印时,它会从代码中返回表对象,但不会返回console.log

var tabledata=[{
id:1,
姓名:“奥利·鲍勃”,
年龄:"12岁",,
上校:“红色”,
dob:“
}, {
id:2,
姓名:“玛丽·梅”,
年龄:"1岁",,
上校:“蓝色”,
dob:“14/05/1982”
}, {
id:3,
姓名:“克里斯汀·洛博斯基”,
年龄:"42岁",,
上校:“绿色”,
dob:“22/05/1982”
}, {
id:4,
姓名:“布伦登飞利浦”,
年龄:"125岁",,
上校:“橙色”,
dob:“1980年8月1日”
}, {
id:5,
姓名:“Margret Marmajuke”,
年龄:"16岁",,
上校:“黄色”,
dob:“31/01/1999”
}, ];
table=新制表器(“示例表”{
身高:200,
数据:tabledata,
布局:“fitColumns”,
栏目:[{
标题:“姓名”,
字段:“名称”,
宽度:150
}, {
标题:“年龄”,
字段:“年龄”,
对齐:“左”,
格式化程序:“进度”
}, {
标题:“最喜欢的颜色”,
字段:“col”
}, {
标题:“出生日期”,
字段:“dob”,
分拣机:“日期”,
对齐:“居中”
}, ],
行单击:函数(e,行){
警报(“Row”+Row.getData().id+”已单击!!!!);
},
});
控制台日志(表);
$(“#savebtn”)。单击(函数(e){
e、 预防默认值()
console.log(表)
});

使用var关键字

var table = new Tabulator(
const tabledata=[{
id:1,
姓名:“奥利·鲍勃”,
年龄:"12岁",,
上校:“红色”,
dob:“
}, {
id:2,
姓名:“玛丽·梅”,
年龄:"1岁",,
上校:“蓝色”,
dob:“14/05/1982”
}, {
id:3,
姓名:“克里斯汀·洛博斯基”,
年龄:"42岁",,
上校:“绿色”,
dob:“22/05/1982”
}, {
id:4,
姓名:“布伦登飞利浦”,
年龄:"125岁",,
上校:“橙色”,
dob:“1980年8月1日”
}, {
id:5,
姓名:“Margret Marmajuke”,
年龄:"16岁",,
上校:“黄色”,
dob:“31/01/1999”
}, ];
const table=新制表器(“示例表”{
身高:200,
数据:tabledata,
布局:“fitColumns”,
栏目:[{
标题:“姓名”,
字段:“名称”,
宽度:150
}, {
标题:“年龄”,
字段:“年龄”,
对齐:“左”,
格式化程序:“进度”
}, {
标题:“最喜欢的颜色”,
字段:“col”
}, {
标题:“出生日期”,
字段:“dob”,
分拣机:“日期”,
对齐:“居中”
}, ],
行单击:函数(e,行){
警报(“Row”+Row.getData().id+”已单击!!!!);
},
});
log(table.getData());
$(“#savebtn”)。单击(函数(e){
//e.预防违约()
//log(table.getData());
});

使用var关键字

var table = new Tabulator(
const tabledata=[{
id:1,
姓名:“奥利·鲍勃”,
年龄:"12岁",,
上校:“红色”,
dob:“
}, {
id:2,
姓名:“玛丽·梅”,
年龄:"1岁",,
上校:“蓝色”,
dob:“14/05/1982”
}, {
id:3,
姓名:“克里斯汀·洛博斯基”,
年龄:"42岁",,
上校:“绿色”,
dob:“22/05/1982”
}, {
id:4,
姓名:“布伦登飞利浦”,
年龄:"125岁",,
上校:“橙色”,
dob:“1980年8月1日”
}, {
id:5,
姓名:“Margret Marmajuke”,
年龄:"16岁",,
上校:“黄色”,
dob:“31/01/1999”
}, ];
const table=新制表器(“示例表”{
身高:200,
数据:tabledata,
布局:“fitColumns”,
栏目:[{
标题:“姓名”,
字段:“名称”,
宽度:150
}, {
标题:“年龄”,
字段:“年龄”,
对齐:“左”,
格式化程序:“进度”
}, {
标题:“最喜欢的颜色”,
字段:“col”
}, {
标题:“出生日期”,
字段:“dob”,
分拣机:“日期”,
对齐:“居中”
}, ],
行单击:函数(e,行){
警报(“Row”+Row.getData().id+”已单击!!!!);
},
});
log(table.getData());
$(“#savebtn”)。单击(函数(e){
//e.预防违约()
//log(table.getData());
});


有两种可能,您在加载制表器之前执行JS代码,或者根本没有加载,并且您在控制台中出现错误,从服务器得到404或500错误。您将JS代码放在html中的什么位置?console中是否有错误?请添加缺少的代码,以便代码段显示您的问题。@jcubic我可以毫无问题地加载制表器表,但是当有按钮单击时,我在尝试打印表变量时变得未定义。我不明白为什么console.log(table)在按钮点击中返回undefined,而表在页面加载时没有任何问题有两种可能,您在加载制表器之前执行JS代码,或者根本没有加载制表器,并且您在控制台中遇到错误,从服务器得到404或500错误。您将JS代码放在html中的什么位置?console中是否有错误?请添加缺少的代码,以便代码段显示您的问题。@jcubic我可以毫无问题地加载制表器表,但是当有按钮单击时,我在尝试打印表变量时变得未定义。我不明白为什么console.log(table)在按钮单击中返回undefined,而表已加载,页面加载没有任何问题