Oh no thats embarrassing.

A simple case of reading the docs and everything is fine.

I didn’t read the Loader docs properly.
If I had I had seen the Item property which holds the instance of the loaded item.

Sorry for that guys.

Oh boy…

Ok another problem occurred.

I have the following procedure.

The qml item which should be instantiated.

and the JavaScript function which do that for me.

When the loadDetailScreen() function is called the loader instantiates the qml item
which initially has a productName “foo”. But I wanna set this productName after loading to “bar”
This works pretty well so far. But on screen appears still “foo” as text.

I tried to set a string property which takes the productName and this worked, but I wanna store these informations directly in the product child item.

It seems like that the change on the productName property won’t be synchronized with the text, which has to display it.

What could be the problem here ?
Why does the item show still “foo” although I set it to “bar” after loading ?

Any ideas ?

I tried running your code as a standalone example and it worked fine – the Text item does indeed update to display “foo” instead of “bar”. Perhaps there is something else in your code that is changing this property after loadDetailScreen() has finished?

Hi blam

the text item is actually supposed to display “bar” after loadDetailScreen() has finished.
“foo” is the initial value for the text and should be updated to “bar”. Which doesn’t seem to happen.

Sorry, my mistake – I meant to write, it does indeed change to “bar” instead of “foo”.

This is the code that I’m trying:

• SomeItem.qml
  
  1. import QtQuick 1.0
  2.  
  3. Item {
  4.     property alias product: m_product
  5.  
  6.     Text { text: m_product.productName }
  7.  
  8.     Item {
  9.         id: m_product
  10.         property string productName: "foo"
  11.  
  12.     }
  13. }

• main.qml
  
  1. import QtQuick 1.0
  2.  
  3. Item {
  4.     width: 400; height: 400
  5.  
  6.     Loader { id: select_loader }
  7.  
  8.     Component.onCompleted: loadDetailScreen("SomeItem.qml")
  9.  
  10.     function loadDetailScreen(source)
  11.     {
  12.         console.log(source);
  13.         select_loader.source = source; //load the qml file shown above
  14.         if(select_loader.status == Loader.Ready)
  15.         {
  16.             select_loader.item.product.productName = "bar";
  17.         }
  18.         console.log(select_loader.item.product.productName); //that actually shows "bar"
  19.     }
  20.  
  21. }