2012-03-20 15 views
2

は、サンプルコードは次のとおりです。http://jsbin.com/ejewes/edit#javascript,html,livejQueryのUIの選択可能なプラグイン - 私はここでは、表のセルを選択するために、jQueryのUIの選択可能なプラグインを使用しています複数のマウスドラッグ選択と非選択オプション

私は私がするようにこれに変更を加えたいです
1にできるが、私はこのフォーラムに関連する質問を経て、ないドラッグで(Ctrlキーを使用せずに)
2.選択解除セルを複数のマウスドラッグ選択をするか、または単一/複数選択したセルに

をクリックしてください今まで私の解決策が働いていました!誰でもこのプラグインをカスタマイズしたり、私にこれを手助けできるリソースを教えてもらえますか?

ありがとうございます!

ディーパThalikar

答えて

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

しかしはマウスドラッグ、試みたが、ノー成功することにより、複数のセルを選択解除する方法を見つけることができました!任意の助け、感謝!

関連する問題