<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 12pt;
font-family:Calibri
}
--></style></head>
<body class='hmmessage'><div dir='ltr'><div>Hi Mark,</div><div><br></div><div>Loader is a focus scope (see http://qt-project.org/doc/qt-5/qml-qtquick-loader.html#focus-and-key-events), so you will need to set focus on the Loader itself as well as the ListView in order for keyboard navigation to work.</div><div><br></div><div>Regards,</div><div>Michael</div><br><div><hr id="stopSpelling">Date: Wed, 13 Aug 2014 09:40:27 -0700<br>From: rpzrpzrpz@gmail.com<br>To: interest@qt-project.org<br>Subject: Re: [Interest] Loader keyboard problem<br><br><div dir="ltr">Oops, I did not finish describing what was the problem with the Loader Sample.<div><br></div><div>The Listview on the Loader for screen1.qml does not work with keyboard navigation, but when loaded as a</div>
<div>component, the Listview keyboard navigation works.</div><div><br></div><div>Attached is the sample project:</div><div><br></div><div>Built on OSX Mavericks with Qt 5.3.1 QtQuick 2.2</div><div><br></div><div>Thanks for any responses.</div>
</div><div class="ecxgmail_extra"><br><br><div class="ecxgmail_quote">On Wed, Aug 13, 2014 at 9:37 AM, mark diener <span dir="ltr"><<a href="mailto:rpzrpzrpz@gmail.com" target="_blank">rpzrpzrpz@gmail.com</a>></span> wrote:<br>
<blockquote class="ecxgmail_quote" style="border-left:1px #ccc solid;padding-left:1ex;"><div dir="ltr">I am having some strange behavior with a Loader sample program<div>for QtQuick 2.2<br><div><br></div><div>
The Listview on Screen1.qml works </div><div><br></div><div>Here is the main.qml file:</div></div><div>
<br></div><div>
<pre style=""><span style="color:rgb(128,128,0);">import</span><span style="color:rgb(192,192,192);"> </span>QtQuick<span style="color:rgb(192,192,192);"> </span>2.2</pre>
<pre style=""><span style="color:rgb(128,128,0);">import</span><span style="color:rgb(192,192,192);"> </span>QtQuick.Window<span style="color:rgb(192,192,192);"> </span>2.1</pre>
<pre style=""><br></pre>
<pre style=""><span style="color:rgb(128,0,128);">Window</span></pre>
<pre style="">{</pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">mainwindow</span></pre>


<pre style=""><br></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">visible</span>:<span style="color:rgb(192,192,192);"> </span>true</pre>
<pre style=""><br></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">width</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(128,0,128);">Screen</span>.width</pre>


<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">height</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(128,0,128);">Screen</span>.height</pre>


<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">color</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"black"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">title</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"Test</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">Loader"</span></pre>


<pre style=""><br></pre><pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(0,128,0);">//K</span><span style="color:rgb(0,128,0);">eyboard</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">navigation</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">under</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">OSX</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">Mavericks</span><span style="color:rgb(192,192,192);"> </span><font color="#008000">does not work for the loader</font></pre>

<div><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,128);">Loader</span><br></div>
<pre style=""><span style="color:rgb(192,192,192);">  </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">    </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">genload</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">    </span><span style="color:rgb(128,0,0);">anchors.fill</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">parent</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">    </span><span style="color:rgb(128,0,0);">source</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"Screen1.qml"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">  </span>}</pre><pre style=""><br></pre><pre style=""><pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(0,128,0);">//K</span><span style="color:rgb(0,128,0);">eyboard</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">navigation</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">under</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">OSX</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">Mavericks</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">works for the component</span></pre>

<pre style=""><span style="color:rgb(0,128,0);">  //Comment out the loader and Un-comment the component to see.</span></pre><pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(0,128,0);">//Screen1</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">{}</span></pre>

<pre style=""><span style="font-family:arial;">}</span><br></pre></pre>
<pre style=""><br></pre><pre style="">/////////NEW QML FILE BELOW///////////</pre><pre style=""><br></pre><pre style="">Here is the Screen1.qml file:</pre><pre style=""><br></pre><pre style=""><pre style=""><pre style=""><span style="color:rgb(128,128,0);">import</span><span style="color:rgb(192,192,192);"> </span>QtQuick<span style="color:rgb(192,192,192);"> </span>2.2</pre>
<pre style=""><br></pre>
<pre style=""><span style="color:rgb(128,0,128);">Rectangle</span></pre>
<pre style="">{</pre>
<pre style=""><br></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">anchors.fill</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">parent</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">color</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"white"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,0);">opacity</span>:<span style="color:rgb(192,192,192);"> </span>1</pre>
<pre style=""><br></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,128);">ListModel</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">    </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">listdata</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">    </span><span style="color:rgb(128,0,128);">ListElement</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">    </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">name</span><span style="color:rgb(192,192,192);"> </span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"Joe</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">Vabeetz"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">cell</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"555-1212"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">    </span>}</pre>
<pre style=""><span style="color:rgb(192,192,192);">    </span><span style="color:rgb(128,0,128);">ListElement</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">    </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">name</span><span style="color:rgb(192,192,192);"> </span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"Mary</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">Vabeetz"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">cell</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"555-1213"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">    </span>}</pre>
<pre style=""><span style="color:rgb(192,192,192);">    </span><span style="color:rgb(128,0,128);">ListElement</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">    </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">name</span><span style="color:rgb(192,192,192);"> </span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"Pete</span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">Vabeetz"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">cell</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"555-1214"</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">    </span>}</pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span>}</pre>
<pre style=""><br></pre>
<pre style=""><br></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,128);">Component</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">listdelegate</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,128);">Item</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">      </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">rowperson</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">          </span><span style="color:rgb(128,0,0);">width</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">parent</span>.width<span style="color:rgb(192,192,192);"> </span>-<span style="color:rgb(192,192,192);"> </span>10</pre>


<pre style=""><span style="color:rgb(192,192,192);">          </span><span style="color:rgb(128,0,0);">height</span>:<span style="color:rgb(192,192,192);"> </span>50</pre>
<pre style=""><br></pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span><span style="color:rgb(128,0,128);">MouseArea</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">rowmousearea</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">hoverEnabled</span>:<span style="color:rgb(192,192,192);"> </span>false</pre>
<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">anchors.fill</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">parent</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">onClicked</span>:</pre>
<pre style=""><span style="color:rgb(192,192,192);">              </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">                  </span><span style="font-style:italic;color:rgb(0,0,0);">listpeople</span>.currentIndex<span style="color:rgb(192,192,192);"> </span>=<span style="color:rgb(192,192,192);"> </span>index</pre>


<pre style=""><span style="color:rgb(192,192,192);">              </span>}</pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span>}</pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span><span style="color:rgb(128,0,128);">Text</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">rowname</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">text</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">'<b>Name:</b></span><span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">'</span><span style="color:rgb(192,192,192);"> </span>+<span style="color:rgb(192,192,192);"> </span>name</pre>


<pre style=""><span style="color:rgb(192,192,192);">          </span>}</pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span><span style="color:rgb(128,0,128);">Text</span></pre>
<pre style=""><span style="color:rgb(192,192,192);">          </span>{</pre>
<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">rowcell</span></pre>


<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">anchors.top</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">rowname</span>.bottom</pre>


<pre style=""><span style="color:rgb(192,192,192);">              </span><span style="color:rgb(128,0,0);">text</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">'<b>Cell:</b>'</span><span style="color:rgb(192,192,192);"> </span>+<span style="color:rgb(192,192,192);"> </span>cell</pre>


<pre style=""><span style="color:rgb(192,192,192);">          </span>}</pre>
<pre style=""><span style="color:rgb(192,192,192);">      </span>}</pre><pre style=""><span style="font-family:arial;color:rgb(192,192,192);">  </span><span style="font-family:arial;">}</span><br>

</pre><pre style=""><br></pre>
<pre style=""><span style="color:rgb(192,192,192);">  </span><span style="color:rgb(128,0,128);">ListView</span></pre><pre style=""><span style="color:rgb(192,192,192);">  </span>{</pre>


<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">id</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">listpeople</span></pre>

<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">anchors</span><span style="color:rgb(192,192,192);"> </span>{<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(128,0,0);">fill</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">parent</span>;<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(128,0,0);">margins</span>:<span style="color:rgb(192,192,192);"> </span>22<span style="color:rgb(192,192,192);"> </span>}</pre>

<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">model</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">listdata</span></pre>

<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">delegate</span>:<span style="color:rgb(192,192,192);"> </span><span style="font-style:italic;color:rgb(0,0,0);">listdelegate</span></pre>

<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">highlight</span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(128,0,128);">Rectangle</span><span style="color:rgb(192,192,192);"> </span>{<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(128,0,0);">color</span><span style="color:rgb(192,192,192);"> </span>:<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(0,128,0);">"lightsteelblue"</span>;<span style="color:rgb(192,192,192);"> </span><span style="color:rgb(128,0,0);">radius</span><span style="color:rgb(192,192,192);"> </span>:<span style="color:rgb(192,192,192);"> </span>5<span style="color:rgb(192,192,192);"> </span>}</pre>

<pre style=""><span style="color:rgb(192,192,192);">      </span><span style="color:rgb(128,0,0);">focus</span>:<span style="color:rgb(192,192,192);"> </span>true</pre><pre style=""><span style="color:rgb(192,192,192);">  </span>}</pre><pre style=""><br></pre><pre style="">}</pre>
<pre style=""><br></pre></pre></pre></div></div>
</blockquote></div><br></div>
<br>_______________________________________________
Interest mailing list
Interest@qt-project.org
http://lists.qt-project.org/mailman/listinfo/interest</div>                                         </div></body>
</html>