Tablesorter可编辑小组件更改如何选择行

Question

我正在使用TableSorter使用'editable'小部件显示我的表 - 一切正常。 有谁知道如何更改“单击”（默认情况下，我认为）选择一个单元格，“双击”？

Answer 1

内容可编辑是一种浏览器渲染，因此TableSorter几乎无法控制它的运作方式。

据说你可以写自己的。根本不使用ContentEditable小部件，只需将每个tbody td绑定到双击事件，然后将内容包装在内容可编辑div中并将其聚焦并将非聚焦事件绑定到它。一旦没有聚焦，运行验证，提交更新，更新ts行并打开单元格。

这不是一个常见的UI行为，因此我认为它将在每个站点的范围而不是TableSorter的范围内，很难用较小的用户群维护并占用大量的作者时间为一个小基地这样做。

当然这是我个人的选择，我知道作者非常忙碌而且我不能看到这是一个非常常用的小部件。

编辑：Mottie刚刚提出了另一个选项，它并不是最好的，因为它会对每个模糊运行验证，但实现起来可能会快一点。

    initialized: function (table) {
        $('tbody')
        .on('click', '[contenteditable]', function(){
            this.blur();
            return false;
        })
        .on('dblclick', '[contenteditable]', function(){
            this.focus();
        });
    }

http://jsfiddle.net/abkNM/4683/