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

Question

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

Answer 1

使用 jQuery-UI 可选择和代码类似如下：

$( "#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”，因为我发现否则我的鼠标按下表处理程序不会收到事件——这对你来说可能并不重要。