How to use Select plugin and KeyTable plugin together?
How to use Select plugin and KeyTable plugin together?
ffradegrada
Posts: 10Questions: 2Answers: 0
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!
This discussion has been closed.
Answers
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.What action do you want to use to select the row?
Allan
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)
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
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!!
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
So, does the select plugin have the key navigation feature itself?
No. Your example listens for
key-focus
which is what is doing the key handling there.Allan
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!!
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