【问题标题】:Changing the formatter of Icon/Button Columns更改图标/按钮列的格式
【发布时间】:2021-12-08 17:11:08
【问题描述】:

关于这个例子http://tabulator.info/docs/5.0/format#icon

在单元格点击功能中,如何更改格式化程序中使用的图标?

用例只是在单击单元格时将文件夹图标更改为文件夹打开。

【问题讨论】:

    标签: tabulator


    【解决方案1】:

    相当简单,在 rowData 中跟踪状态...

    https://jsfiddle.net/hgwz4knp/

    cellClick:function(e, cell){
       let row = cell.getRow();
       let data = row.getData();
       row.update({openClosed:data.openClosed ^ 1});
       this.redraw(true);
    },
    formatter:function(cell, fP, onR){
       let data = cell.getRow().getData();
       if (data.openClosed == 1) return "<i class='fas fa-folder-open'></i>";
       return "<i class='fas fa-folder'></i>";
    },
    

    【讨论】:

    • 我有一种预感,我可以在 rowData 中跟踪状态,谢谢!我会看看这是否能很好地与分页和标题过滤一起使用。例如,当过滤器无效时,我注意到 cellClick 的奇怪错误。
    • 另外,仅供参考,this.redraw() 在 5.0.4 中不存在。
    • 应该是...tabulator.info/docs/5.0/layout#redraw,但 5.0 处于 alpha 阶段,可能有很多错误
    • 等等,5.0 不再是 alpha 版本了吗?我什至没有看到它通过测试版!?!?
    • 是的,我认为 5 已正式发布,不是 alpha 或 beta 或任何东西。
    猜你喜欢
    • 1970-01-01
    • 2015-10-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-14
    • 2011-08-23
    • 2023-02-07
    • 1970-01-01
    相关资源
    最近更新 更多