【问题标题】:Tabulator V 5.0.10+ cellTap not working on Chromium based browsersTabulator V 5.0.10+ cellTap 不适用于基于 Chromium 的浏览器
【发布时间】:2022-03-06 23:17:23
【问题描述】:

采取以下js脚本:


// Example function
function DoStuff(e, cell) {
    console.log("Do Stuff")
}

// Returning fontawesome icon
var Ico = function (cell, formatterParams, onRendered) { return '<i class="fas fa-trash-alt"></i>' }

//Table
var Table= new Tabulator("#anchor", {
    data: [],
    layout: "fitColumns",
    pagination: "local",
    responsiveLayout: "collapse",
    movableRows: true,
    columns: [
        { title: "Name", field: "Name", headerFilter: true, headerSort: false },
        { title: "Code", field: "Code", headerFilter: true, headerSort: false },
        { title: `<i class="fas fa-trash-alt"></i>`, headerSort: false, formatter: Ico, width: 25, hozAlign: "center", headerHozAlign: "center", cellClick: DoStuff, cellTap: DoStuff}
    ]
})

预期行为
在触摸屏、X 浏览器上,只要手指点击表格单元格,就应该调用 cellTap,这与单击单元格时的 cellClick 行为完全相同。

真实行为
在触摸屏上,基于 Chromium 的 Web 浏览器不会触发 Tap 事件,也不会引发 js 异常,在基于 Gecko 的浏览器下,tap 事件会按预期工作

回顾
Docs (http://tabulator.info/docs/5.0/callbacks#cell) 没有报告任何不支持基于 Chromium 的浏览器的地方。在 Github 下打开问题之前,我在这里打开了一个问题,因为我可能做错了什么。测试浏览器如下:

  • Firefox 版本 96.0.2(64 位)(Tap 回调按预期工作,此外,当执行 Tap 时 cellClick 也工作,因此 cellTap 甚至无用)

  • Chrome 版本 97.0.4692.99(官方版本)(64 位)TAP 不工作

  • Edge 版本 44.18362.449.0 TAP 不工作

  • Opera 版本 83.0.4254.19 TAP 不工作

提前感谢您的宝贵时间。

【问题讨论】:

标签: javascript cross-browser tabulator


【解决方案1】:

这是 5.0 版的问题,已在 5.1 版中解决

【讨论】:

    猜你喜欢
    • 2015-03-12
    • 1970-01-01
    • 1970-01-01
    • 2019-12-30
    • 2022-01-11
    • 2021-12-19
    • 2017-06-06
    • 2020-06-19
    • 2022-10-07
    相关资源
    最近更新 更多