如何使用鼠标拖动选项选择jQuery数据表中的多行

Question

我在我的应用程序中使用了jQuery DataTables插件。我需要使用鼠标拖动选项选择jQuery数据表中的多行。这怎么可能呢？

Answer 1

使用jQuery-UI selectable和类似下面的代码：

$( "#yourTable" ).selectable(
  {
     distance: 10,
     stop: function()
     {
       $( this ).find( "tr" ).each(
         function () {
           if ( $( this ).hasClass( 'ui-selected' ) )
             $( this ).addClass( 'row-selected' );
           else
             $( this ).removeClass( 'row-selected' );
         });
     }
  });

我使用'distance: 10‘是因为我发现，否则我的mousedown表处理程序将不会获得事件--这对你来说可能并不重要。