jQuery-Databases ermöglichen die Auswahl von Zeilenumbrüchen für den Zeilenwechsel.

Question

Ich möchte die Erweiterungen select und rowReorder verwenden. Bei den Standardeinstellungen für rowReorder ist die erste Spalte das Ziehpunkt-Handle. Wenn Sie jedoch auf Zellen in der ersten Spalte klicken, wird die Zeile nicht ausgewählt.

Ich möchte in der Regel die gesamte Zeile sowohl ein Ziehgriff sein und die Auswahl durch Klicken zulassen. Gibt es eine Möglichkeit, den rowReorder dazu zu bringen, dem click-Ereignis zu erlauben, es zur ausgewählten Erweiterung zu machen?

Fiddle

<table id="example"> 
<thead> 
    <tr> 
    <th>No.</th> 
    <th>foo</th> 
    <th>bar</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
    <td>1</td> 
    <td>a</td> 
    <td>a</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>b</td> 
    <td>b</td> 
    </tr> 
    <tr> 
    <td>3</td> 
    <td>c</td> 
    <td>c</td> 
    </tr> 
</tbody> 

$('#example').DataTable({ 
    select: true, 
    rowReorder: { selector: 'tr' } 
}) 

Answer 1

Sie die rowReorder Ereignis verwenden können, um die Zeile auszuwählen. Sie können sehen, wie dieses Ereignis auf dem folgenden Link zu verwenden:

https://datatables.net/extensions/rowreorder/examples/initialisation/events.html

Der folgende Code zeigt, wie Sie die Zeile aus, auf den Zellen in der ersten Spalte klicken, während mit rowReorder:

table.on('row-reorder', function (e, diff, edit) { 
    var index = edit.triggerRow[0][0]; 
    table.rows(index).select(); 
});