jQuery "selectable" and DataTables - how?

datatablesn00b

Re,

I am using the following code:

[code]
$('#test tbody tr').selectable({
selected: function(event, ui)
{
$(this).addClass('row_selected');
}
});
[/code]

It only selects 1 item. Has anyone done this before? What's the trick? Appears as if the mouse select within the table works on the X axis only.

datatablesn00b

OK, once again I am answering my own question :))

[code]
$('#test').selectable
({
stop: function(event, ui)
{
$(this).find("tr").each(function()
{
if($(this).hasClass('ui-selected')) $(this).addClass('row_selected');
else $(this).removeClass('row_selected');
})
alert ("You selected :"+$('#test').find('.row_selected').size()+" items.")
}
});
[/code]

This code will select rows using mouse & jQuery UI "selectable". Hope this is useful for someone.

Cheers.

giorgio79

Awesome, I was just looking for a way to select multiple rows by dragging the mouse.

Would be cool to put it in the examples.