如何使用鼠标拖动选项在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' );
         });
     }
  });

我使用'距离：10'因为我发现否则我的桌子的mousedown处理程序不会得到事件 - 这对你来说可能并不重要。