2

JQuery UI 選択可能プラグインを使用して表のセルを選択しています。コード例は次のとおりです: http://jsbin.com/ejewes/edit#javascript,html,live

これを変更して、次のことができるようにしたい
1.複数のマウスドラッグ選択を行う(ctrlキーを使用せずに)
2.単一/複数の選択されたセルをドラッグまたはクリックしてセルの選択を解除する

このフォーラムで関連する質問をしましたが、これまでのところ解決策がありません! このプラグインのカスタマイズを手伝ってくれる人、またはこれを行うのに役立つリソースを教えてくれる人はいますか?

よろしくお願いします!

ディーパ・タリカー

4

1 に答える 1

2
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 = [];
      }
    });
  });

しかし、マウスドラッグで複数のセルの選択を解除する方法を見つけなければなりませんでしたが、成功しませんでした! どんな助けでも大歓迎です!

于 2012-03-22T23:44:06.647 に答える