Creating global variables using JavaScript for QML

Question

I'm having an issue with QML/JS integration.

I have a javascript list variable stored in a .js file. I want to write to this variable from one QML file, and read it from another QML file. I cannot seem to find a solution to this. I've over-simplified my actual code to make it comprehensible!

// writeValue.QML
import "../javascript/storedValue.js" as StoredValue
...
MouseArea{
    onClicked{
        StoredValue.value.push(1)
    }
}

// readValue.QML
import "../javascript/storedValue.js" as StoredValue
...
Text{
    text : StoredValue.value
}

//storedValue.js
var value = []

I have tried using '.pragma library' and not using it, to no avail.

What happens is the writeValue.QML writes successfully, so [1, 1, ,1, ...]. Whereas readValue.QML just finds an empty list, [].

BaCaRoZzo · Accepted Answer · 2016-11-17 13:02:25Z

6

Just put .pragma library at the beginning of the JS file. In this way, there will be only one instance imported by QML components.

Remember however that no update signal is issued when a var property changes. If you want to have global var with update support, you should export a custom QObject via setContextProperty() on the C++ side.

edited Nov 17, 2016 at 13:02

BaCaRoZzo

7,7328 gold badges54 silver badges88 bronze badges

answered Jun 20, 2013 at 12:57

TheBootroo

7,5342 gold badges33 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating global variables using JavaScript for QML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related