5

我在Tabulator中添加了一个带有此列定义 的新列

table.addColumn({title:"idCopy", field: "idCopy" ,sortable:false, formatter:uploadID,width:100, align:"center",cellClick:function(e, cell){
  function selected(){
    var fileName = formInput.value;
    cell.getRow().getData().idCopy = fileName;

  }
var f = document.createElement("form");
var formInput = document.createElement('input');
formInput.onclick = "selected(cell,f,formInput)" ;
var s = document.createElement("input");
s.setAttribute('type',"submit");
f.appendChild(formInput);
f.appendChild(s);
f.onClick = formInput.click();
}}, false);

我添加了更多行来定义每个表单，其 ID 与此类似，f.id = "f_" + cell.getRow().getData().id ;因此每个表单都是唯一的，uploadID功能看起来像这样

  var uploadID = function(cell, formatterParams, onRendered){ 

return "<i class='fa fa-print'>upload ID</i>";

这是我从官方资源http://tabulator.info/docs/4.1/format#icon 得到的问题是，每当我选择文件时，它cell.getRow().getData().idCopy的值fileName正是我想要的，但在表格的单元格上它仍然说upload ID而不是fileName's value 的值

所以用户不会知道他刚刚选择了文件并且系统已准备好上传它。

有没有办法用值替换 或刷新这些单元格？upload IDfileName

4

2 回答 2

4

如果要更改行中的任何数据，则需要在该行的行组件上调用更新函数，并传入更新的数据参数：

row.update({id:"f_" +  cell.getRow().getData().id});

然后这将正确更新值

于 2018-12-12T20:49:33.793 回答
1

我已经通过应用行重新格式化来修复它

首先我添加了一个条件var uploadID = function(cell, formatterParams, onRendered){}

例如 ：

var uploadID = function(cell, formatterParams, onRendered){ //plain text value
var x = cell.getValue();
if ( x == null ){ // do something}
else{ // do something }
return /*something*/;

然后在cellClick:function(e, cell){}

我在代码末尾添加了以下内容

    var row = cell.getRow();
    row.reformat();
于 2018-12-10T13:46:35.933 回答