Avoid discouraged patterns in examples

In particular, use required properties where applicable, explicitly
import QtQml where we use it, avoid unqualified access into the root
scope of a component, use JavaScript functions with explicit parameters
as signal handlers.

Change-Id: I3eaaba47cc3c7a2a12d488e36f9eec145cedbb0e
Reviewed-by: Fabian Kosmale <fabian.kosmale@qt.io>
Reviewed-by: Shawn Rutledge <shawn.rutledge@qt.io>

1 files changed, 4 insertions, 2 deletions

diff --git a/examples/quick/keyinteraction/focus/Core/ListViewDelegate.qml b/examples/quick/keyinteraction/focus/Core/ListViewDelegate.qml
index b1dde9ddc5..5a2957eab0 100644
--- a/examples/quick/keyinteraction/focus/Core/ListViewDelegate.qml
+++ b/examples/quick/keyinteraction/focus/Core/ListViewDelegate.qml
@@ -52,6 +52,8 @@ import QtQuick 2.1
 
 Item {
     id: container
+    required property int index
+
     width: ListView.view.width; height: 60; anchors.leftMargin: 10; anchors.rightMargin: 10
 
     Rectangle {
@@ -67,7 +69,7 @@ Item {
     Text {
         id: label
         anchors.centerIn: content
-        text: "List element " + (index + 1)
+        text: "List element " + (container.index + 1)
         color: "#193441"
         font.pixelSize: 14
     }
@@ -78,7 +80,7 @@ Item {
         hoverEnabled: true
 
         onClicked: {
-            container.ListView.view.currentIndex = index
+            container.ListView.view.currentIndex = container.index
             container.forceActiveFocus()
         }
     }