How to highlight list item on mouse-over?

[gsalunke]

If I am creating a drop-down component and I want to highlight background-color of current item, while I am using list and looping items.

[gsalunke]

Below is the solution for this in ftd:

-- bar:

-- component bar:
integer $active-cell: -1

-- ftd.column:

-- foo: $obj
idx: $LOOP.COUNTER
$active: $bar.active-cell
$loop$: $names as $obj

-- end: ftd.column

-- end: bar


-- component foo:
caption name:
integer idx:
integer $active:

-- ftd.text: $foo.name
$on-mouse-enter$: $ftd.set-integer($a = $foo.active, v = $foo.idx)
$on-mouse-leave$: $ftd.set-integer($a = $foo.active, v = -1)
background.solid if { foo.active == foo.idx }: yellow

-- end: foo

[amitu]

@gsalunke please post a working demo also of this.