Navigation et adressage QMLComponents

Question

Je travaille sur une application de bureau qui utilise une interface graphique QML avec beaucoup de composants QML. Ce sont des éléments de la hiérarchie:

main -> toolbar -> searchbar -> editfield 

et

main -> resultlist -> header -> button1 

Je ne pouvais pas trouver un moyen d'accéder au contenu du texte de editfield dans un gestionnaire de signal pour button1. Est-ce possible de le faire en QML ou en Javascript?

Je sais que je peux accéder à l'élément dans la partie C++ en utilisant la propriété objectName.

Answer 1

En raison de QML utilise la portée dynamique (→ Doc), les éléments enfants peuvent accéder aux propriétés de tous les ancêtres et il n'a pas d'importance si elles sont dans des fichiers différents.

Ainsi, vous pouvez ajouter une propriété editFieldText à la propriété principale et lier la propriété text à celle-ci. Ensuite, vous pouvez accéder à editFieldText de partout:

//=== main.qml === 
import QtQuick 1.0 

Rectangle { 
    id: main 

    property string editFieldText 

    Toolbar { 
     // [...] 
    } 

    Resultlist { 
     // [...] 
    } 
} 


//=== EditField.qml === 
import QtQuick 1.0 

TextInput { 
    // bind text property to main.editFieldText 
    Binding { 
     target: main; 
     property: "editFieldText"; 
     value: text 
    } 
} 


//=== Header.qml === 
import QtQuick 1.0 

Rectangle { 
    Button { 
     onClick: { 
      console.log(main.editFieldText); 
      // or simply 
      console.log(editFieldText); 
     } 
    } 
} 

Answer 2

Vous pouvez utiliser les propriétés d'alias pour avoir editfield.text comme propriété de main. Cette propriété devrait être accessible à partir de button1.