import QtQuick 2.4
import Ubuntu.Components 1.3

FocusScope {
    width: 800
    height: 600

    focus: true

    Keys.onTabPressed: console.log("TAB pressed")

    ListView {
        id: a
        anchors {
         top: parent.top
         bottom: parent.bottom
         left: parent.left
        }
        width: units.gu(40)
        focus: true
        model: 10
        delegate: ListItem {
            id: item
            onActiveFocusChanged: if (activeFocus) console.log("A."+index+" has focus")
            Label {
                anchors.verticalCenter: parent.verticalCenter
                anchors.left: parent.left
                anchors.right: parent.right

                text: ">>>>>>" + index
                color: item.activeFocus ? UbuntuColors.orange : "black"
            }
        }
    }

    ListView {
        id: b
        width: units.gu(40)
        model: 10
        anchors {
         top: parent.top
         bottom: parent.bottom
         left: a.right
        }
        delegate: ListItem {
            id: item
            onActiveFocusChanged: if (activeFocus) console.log("B."+index+" has focus")
            Label {
                anchors.verticalCenter: parent.verticalCenter
                anchors.left: parent.left
                anchors.right: parent.right

                text: "++++++" + index
                color: item.activeFocus ? UbuntuColors.orange : "black"
            }
        }
    }
}