How to use Select plugin and KeyTable plugin together?

ffradegrada

Hey, first of all sorry about mi english.

I am trying to use both of these plugins together. What I want is to navigate the table (KeyTable plugin) but only up & down, and making a "complete row" selection as if I clicked one (Select plugin).

Is there something done about this or should I make custom logic?

Thanks!

allan

You can limit what keys KeyTable will listen for using the keys.keys option. Just set it to be an array of 38 and 40.

and making a "complete row" selection as if I clicked one (Select plugin).

What action do you want to use to select the row?

Allan

ffradegrada

Hi! So limiting the keys of KeyTable it doesn't bother me. What I want to do is, to navigate up & down by row instead of by cell. So I need to select the entire row (by select I mean give it a 'selected' class to the tr) and hide the cell 'outline' style property.

I could achieve this by playing with some listeners, but maybe there was a simplier choice to make.

Do you understand me? (my english is so poor)

allan

What I want to do is, to navigate up & down by row instead of by cell.

That is not a feature of KeyTable at this time I'm afraid. If that is something you need you would need your own key event listener and use row().select() to select the row.

Allan

ffradegrada

So here I made a jsfiddle to see what I have made to satisfy what I need. Maybe it's useful for you, or maybe you can give me some advice on the using of row(), index(), etc..

Here is the link: https://jsfiddle.net/q81xn073/

Thanks!!

allan

I'm afraid I don't quite understand the issue. The example you linked to has the selected row moving up and down with arrow key presses. If you want the data from the selected row, use the select event to know when a row is selected.

Could you clarify what the problem is please?

Allan

ffradegrada

So, does the select plugin have the key navigation feature itself?

allan

No. Your example listens for key-focus which is what is doing the key handling there.

Allan

ffradegrada

Right! So that was my original question. My jsfiddle example is working 100% but I see that it is a little confusing.. So I was wondering if there was any config to avoid what I've done..

Nevermind, it's ok, you can close the question! I found very useful that you added the serverSide functionality to the KeyTable as when I started my project a few months ago it wasn't!!

Thanks!!

allan

Basically no - you need to use the API and events to replicate the behaviour as you have. There is no option for that built in :-)

Allan