编辑器错误 - 找不到这样的编辑器:制表符代码中的 dateEditor
Editor Error - No such editor found: dateEditor in tabulator code
我在 ember js 中使用制表符代码来构建 editable table。
在这里,我需要一个日期格式化程序(http://tabulator.info/examples/4.2 -- Editable 数据),按照制表符 api 中给出的示例,我已经尝试过,在这里我得到了编辑器错误 - 没有这样的编辑器找到:dateEditor.
我在 运行 时间为列分配 dateEditor,如下所示。
我也试过像下面这样编辑:"dateEditor(cell, onRendered, success, cancel)" 得到同样的错误。
columnMap =
{
align: "center", editor: "dateEditor"
}
var dateEditor = function(cell, onRendered, success, cancel){
//cell - the cell component for the editable cell
//onRendered - function to call when the editor has been rendered
//success - function to call to pass the successfuly updated value to Tabulator
//cancel - function to call to abort the edit and return to a normal cell
//create and style input
var cellValue = moment(cell.getValue(), "DD/MM/YYYY").format("YYYY-MM-DD"),
input = document.createElement("input");
input.setAttribute("type", "date");
input.style.padding = "4px";
input.style.width = "100%";
input.style.boxSizing = "border-box";
input.value = cellValue;
onRendered(function(){
input.focus();
input.style.height = "100%";
});
function onChange(){
if(input.value != cellValue){
success(moment(input.value, "YYYY-MM-DD").format("DD/MM/YYYY"));
}else{
cancel();
}
}
//submit new value on blur or change
input.addEventListener("blur", onChange);
//submit new value on enter
input.addEventListener("keydown", function(e){
if(e.keyCode == 13){
onChange();
}
if(e.keyCode == 27){
cancel();
}
});
return input;
};
有人能帮我看看如何在制表符代码中调用customEditor吗
根据文档,自定义编辑器是使用变量或函数名称直接分配的。不是字符串。
columnMap =
{
align: "center", editor: dateEditor
}
您的代码顺序也有误。您不能分配尚不存在的内容。先定义编辑器,再赋值给column map,再构造table.
我在 ember js 中使用制表符代码来构建 editable table。 在这里,我需要一个日期格式化程序(http://tabulator.info/examples/4.2 -- Editable 数据),按照制表符 api 中给出的示例,我已经尝试过,在这里我得到了编辑器错误 - 没有这样的编辑器找到:dateEditor.
我在 运行 时间为列分配 dateEditor,如下所示。 我也试过像下面这样编辑:"dateEditor(cell, onRendered, success, cancel)" 得到同样的错误。
columnMap =
{
align: "center", editor: "dateEditor"
}
var dateEditor = function(cell, onRendered, success, cancel){
//cell - the cell component for the editable cell
//onRendered - function to call when the editor has been rendered
//success - function to call to pass the successfuly updated value to Tabulator
//cancel - function to call to abort the edit and return to a normal cell
//create and style input
var cellValue = moment(cell.getValue(), "DD/MM/YYYY").format("YYYY-MM-DD"),
input = document.createElement("input");
input.setAttribute("type", "date");
input.style.padding = "4px";
input.style.width = "100%";
input.style.boxSizing = "border-box";
input.value = cellValue;
onRendered(function(){
input.focus();
input.style.height = "100%";
});
function onChange(){
if(input.value != cellValue){
success(moment(input.value, "YYYY-MM-DD").format("DD/MM/YYYY"));
}else{
cancel();
}
}
//submit new value on blur or change
input.addEventListener("blur", onChange);
//submit new value on enter
input.addEventListener("keydown", function(e){
if(e.keyCode == 13){
onChange();
}
if(e.keyCode == 27){
cancel();
}
});
return input;
};
有人能帮我看看如何在制表符代码中调用customEditor吗
根据文档,自定义编辑器是使用变量或函数名称直接分配的。不是字符串。
columnMap =
{
align: "center", editor: dateEditor
}
您的代码顺序也有误。您不能分配尚不存在的内容。先定义编辑器,再赋值给column map,再构造table.