mouse - JQuery UI 可选插件 - 多个鼠标拖动选择和取消选择选项

Question

我正在使用 JQuery UI 可选择插件来选择表格单元格，这里是示例代码:http://jsbin.com/ejewes/edit#javascript,html,live

我想对此进行更改，以便我能够
1. 进行多个鼠标拖动选择(不使用ctrl键)
2.通过拖动或单击单个/多个选定的单元格来取消选择单元格

我在这个论坛上解决了相关问题，但到目前为止没有解决方案对我有用!任何人都可以帮我自定义这个插件或向我指出一些可以帮助我做到这一点的资源吗？

提前非常感谢!

迪帕·塔利卡

Answer 1

Here's the solution: 

var _selectRange = false, _deselectQueue = [];
$(function() {
   $( "#selectable" ).selectable({
     selecting: function (event, ui) {
        if (event.detail == 0) {
            _selectRange = true;
            return true;
        }
        if ($(ui.selecting).hasClass('ui-selected')) {
            _deselectQueue.push(ui.selecting);
        }
    },
    unselecting: function (event, ui) {
        $(ui.unselecting).addClass('ui-selected');
    },
    stop: function () {
        if (!_selectRange) {
            $.each(_deselectQueue, function (ix, de) {
                $(de)
                    .removeClass('ui-selecting')
                    .removeClass('ui-selected');
            });
        }
        _selectRange = false;
        _deselectQueue = [];
      }
    });
  });

但是想知道如何通过鼠标拖动取消选择多个单元格，尝试过但没有成功!任何帮助，不胜感激!