jQueryUI 默认多选并具有套索切换选定状态

Question

我正在尝试实现一个类似比较图表的表格，除了我需要的一些功能更改之外，大量可选对象可以完美地工作。我发现这两个问题都在前面的问题中得到了解决，但都没有提供完整的解决方案。

这个问题解决了多重选择行为默认，但只说“我自己做的”而不提供任何内容。看看 selectable 的内部结构，我发现如果我使用 !event.metaKey 条件，我可能会得到我正在寻找的行为而不会遇到太多麻烦，但想知道是否有人有一个不涉及编辑的解决方案内部结构。

同样，此页面解决了我想要的套索切换效果，但我不确定在代码中，套索功能已更改，并且据报告脚本的其余部分（可排序功能）在 chrome 或 IE8 中不起作用（link）并且已经过时了，我不想依赖整个事情。

因此，如果有人能帮助我解决这两个问题，我将不胜感激。谢谢

[编辑] 格式化...

Answer 1

我确信有更好的方法来做到这一点，但这是我在可选择的 js 文件中所做的。

对于始终多重选择：

我添加了一个选项“alwaysMulti”（默认为 false）。然后，我将 !event.metaKey 的三个实例替换为 (!event.metaKey && !options.alwaysMulti) 以及 event 的两个实例。 metaKey 与 (event.metaKey || options.alwaysMulti)。

为了让选择套索切换所选状态，我从链接到的第二页找到了所需的更改。我还添加了一个选项“lassoToggle”（默认为 false）来触发此功能。在 _mouseDrag 中，有一个条件 if (hit)，它会更改为以下内容：

    if (hit) {
                // SELECT
                selectee.deselect = false;
                if (selectee.selected || (options.lassoToggle && (selectee.startselected && event.metaKey)) {
                    selectee.$element.removeClass('ui-selected');
                    selectee.selected = false;
                    selectee.deselect = true;
                }
                if (selectee.unselecting) {
                    selectee.$element.removeClass('ui-unselecting');
                    selectee.unselecting = false;
                }
                if (!selectee.selecting && (!options.lassoToggle || !selectee.deselect) {
                    selectee.$element.addClass('ui-selecting');
                    selectee.selecting = true;
                    // selectable SELECTING callback
                    self._trigger("selecting", event, {
                        selecting: selectee.element
                    });
                }
                if(selectee.deselect && options.lassoToggle) {
                    selectee.$element.removeClass('ui-selecting');
                    selectee.selecting = false;
                    selectee.$element.addClass('ui-unselecting');
                    selectee.unselecting = true;
                    // selectable UNSELECTING callback
                    self._trigger("unselecting", event, {
                        unselecting: selectee.element
                    });
                }
            }

注意：多选的 event.metaKey 更改不在该代码示例中。

希望这对其他人有帮助！