为什么 Tabulator textarea 失去对每次按键的关注?
Why is Tabulator textarea losing focus on every key press?
我在下面的 link 处有一个简单的 Tablulator JS Fiddle,它有 3 列。最后一列(TA 测试)将格式化程序和编辑器都设置为 'textarea'。任何向该字段输入值的尝试都会导致单元格立即失去对任何按键的关注(至少我认为这是正在发生的事情)。没有控制台或其他错误,据我所知,所有 Tabulator 选项都是正确的。
要使此单元格可作为文本区域进行编辑,我在这里缺少什么?
https://jsfiddle.net/gbvam5ck/2
var data = [
{
pid: 1001,
title: "Test One",
Q1: {qid: 1, value: 1},
Q2: {qid: 2, value: null},
},
{
pid: 1002,
title: "Test Two",
Q1: {qid: 1, value: 0},
Q2: {qid: 2, value: "Hello"},
},
];
var columns = [
{title: "PID", field: "pid"},
{title: "Title", field: "title"},
{title: "TA Test", field: "Q2.value",
formatter:"textarea",
editor: "textarea",
editorParams:{
elementAttributes:{
maxlength:"500",
}
},
}
];
var table = new Tabulator("#example-table", {
index:"pid",
height: "100%",
layout: "fitData",
columns,
data: data,
});
使用 textarea
并将 table height
选项设置为百分比似乎是一个错误。如果您使用像素值,那么它会按预期工作。
我建议您针对 github 项目填写错误报告。 https://github.com/olifolkerd/tabulator/issues/new?assignees=&labels=Possible+Bug&template=bug_report.md&title=
错误报告模板向您显示了需要哪些信息才能使错误易于复制和修复。
(如果您没有 Github 帐户,那么我可以创建错误报告。)
我在下面的 link 处有一个简单的 Tablulator JS Fiddle,它有 3 列。最后一列(TA 测试)将格式化程序和编辑器都设置为 'textarea'。任何向该字段输入值的尝试都会导致单元格立即失去对任何按键的关注(至少我认为这是正在发生的事情)。没有控制台或其他错误,据我所知,所有 Tabulator 选项都是正确的。
要使此单元格可作为文本区域进行编辑,我在这里缺少什么?
https://jsfiddle.net/gbvam5ck/2
var data = [
{
pid: 1001,
title: "Test One",
Q1: {qid: 1, value: 1},
Q2: {qid: 2, value: null},
},
{
pid: 1002,
title: "Test Two",
Q1: {qid: 1, value: 0},
Q2: {qid: 2, value: "Hello"},
},
];
var columns = [
{title: "PID", field: "pid"},
{title: "Title", field: "title"},
{title: "TA Test", field: "Q2.value",
formatter:"textarea",
editor: "textarea",
editorParams:{
elementAttributes:{
maxlength:"500",
}
},
}
];
var table = new Tabulator("#example-table", {
index:"pid",
height: "100%",
layout: "fitData",
columns,
data: data,
});
使用 textarea
并将 table height
选项设置为百分比似乎是一个错误。如果您使用像素值,那么它会按预期工作。
我建议您针对 github 项目填写错误报告。 https://github.com/olifolkerd/tabulator/issues/new?assignees=&labels=Possible+Bug&template=bug_report.md&title=
错误报告模板向您显示了需要哪些信息才能使错误易于复制和修复。
(如果您没有 Github 帐户,那么我可以创建错误报告。)