UI Selectable - selecting all between start and stop
Reference:
http://jqueryui.com/selectable/#display-grid
With the demo in grid view, a "drag start" over the "1" box to a "drag stop" over the 6 box will cause boxes 1, 2, 5 and 6 to be selected:
◻◻◻◻
I'd like to change that behavior (or add a new option that changes that behavior) such that
all the boxes between drag start and stop are selected (i.e., 1, 2, 3, 4, 5 and 6 -- the same as would be selected when dragging from 1 to 6 in list view).
◼◼◼◼
◼◼◻◻
◻◻◻◻
I'm too new to jQuery and jQuery UI to know how to approach this. I've looked through the jQuery UI code but can't really tell from that how to proceed.
Any ideas/suggestions?