制表符-更新“钱”列的自定义编辑器的值

如何解决制表符-更新“钱”列的自定义编辑器的值

我正在尝试在自定义编辑器中更新money列的值（因为我希望在编辑时显示小数点符号，货币符号和千位符号-然后在提交时将其改回）

到目前为止，这里的代码（尚未添加或删除符号，只是试图使更新正常工作。 当单元格格式为货币类型时，有一个cellClick设置会调用以下代码：

var inpck = $(mycell).find('input').length;

if (inpck == 1) {
    console.log('Input Already Exists'); 
    return;
}​​​​​​​

$(mycell).html($(mycell).find('input')); // remove text node of orig cell

$(mycell).append('<input type="text">'); // add input Box

var editor = $(mycell).find('input');

//Set value of editor to the current value of the cell
console.log('Start Money Val: ' + celltxt); // shows correctly
editor.val(celltxt);

// Set focus on the input when the editor is selected (timeout allows for editor to be added to DOM)
editor.focus();

// After editing,trigger the cell to update on blur
editor.on("blur",function(e) {
  var editval = editor.val();
  alert('EditedValue: ' + editval); // shows correctly
  alert('CellID: ' + cellid); // shows correctly
  alert('CellField: ' + cellf); // shows correctly

  var updMonObj=[];
  updMonObj['id']=cellid;
  updMonObj[cellf]=editval;

  $("<tableid>").tabulator("updateData",updMonObj);
  $("<tableid>").tabulator("redraw");
});

警报后，单元格不会更新，并且当我刷新页面时，不会输入新值。希望单元格更新并显示新值，如果可能的话不刷新整个表。

当他们遇到退货时，也希望有一种更新的方式。

谢谢

更新1：

好，现在我有了这个（运行v3.2-现在必须使用旧版本）：

In the column deFinitions,I think this should work:,editor: "moneyEdit1";

Then the tabulator call,and then further down:

var moneyEdit1 = function(cell,onRendered,success,cancel,editorParams) {
  //define custom editor
  var inpck = $(cell).find('input').length;
  if (inpck == 1) {console.log('Input Already Exists'); return;}
  console.log('Inside Money Edit');
  var mycell = cell.getElement();
  console.log('MyCell: ',mycell);

  $(mycell).html($(mycell).find('input')); // remove text node
  $(mycell).append('<input type="text">');
  var editor = $(mycell).find('input');

  // Set value of editor to the current value of the cell
  console.log('Start Money Val: ' + celltxt);
  editor.val(celltxt);

  // Set focus on the input when the editor is selected
  onRendered(function() {
    editor.focus();
    editor.style.width = "100%";
  });

  // After editing,trigger the cell to update
  successFunc(function() {
    console.log('Inside of Change/Blur/Enter');
    var editval = editor.val();
    alert('EditedValue: ' + editval);
    success(editval);
  });

  // If they cancel w/ escape key
  cancelFunc(function() {
    console.log('Inside of Cancel');
    cancel(editval);
  });
  editor.addEventListener("change",successFunc);
  editor.addEventListener("blur",successFunc);
  editor.addEventListener("keyup",function onEvent(e) {
    if (e.which === 13) {successFunc;}
  });
  editor.addEventListener("keyup",function onEvent(e) {
    if (e.which === 27) {cancelFunc;}
  });
  // Return the editor element
  return editor;
}

看起来应该可以吗？仍然没有调用自定义编辑器，因为我看不到任何控制台日志，这是怎么回事？

解决方法

您在示例代码中错过了该编辑器的功能定义。在Editor Documentation中，您会看到有两个函数传递给该函数的第3个和第4个参数， 成功 和 取消

var custom editor = function(cell,onRendered,success,cancel,editorParams){
   //define custom editor
}

您应该调用这些函数以使制表器知道编辑已成功或已被取消。

在编辑器中，您不应该调用 updateData 或 重绘 函数。相反，您应该调用 成功 函数并将新值传递给它：

success(editval);