Integrating JavaScript and QML in the same file

Question

can we integrate QML and JavaScript code in the same .qml file as we do it in HTML JS
For example:

//test.qml
import QtQuick 1.0
Item 
{
    function pollLoginStatus()
    {
        var receiveReq = new XMLHttpRequest();
    }
    ....
QML Code

I know that we have to use JavaScript using.

    import "jsCode.js" as jsCode

    Item
    {
         jsCode.jsfunction();

Is there anyother way of doing it, I want to integrate QML and JavaScript in the same file.

Thanks.

Marco · Accepted Answer · 2011-09-20 13:16:50Z

2

Yes, you can have JS in QMl files.

See: http://doc.qt.nokia.com/4.7-snapshot/qdeclarativejavascript.html

First example:

 Item {
     function factorial(a) {
         a = parseInt(a);
         if (a <= 0)
             return 1;
         else
             return a * factorial(a - 1);
     }

     MouseArea {
         anchors.fill: parent
         onClicked: console.log(factorial(10))
     }
 }

Keep the restrictions in mind: http://doc.qt.nokia.com/4.7-snapshot/qdeclarativejavascript.html#qml-javascript-restrictions

answered Sep 20, 2011 at 13:16

Marco

2,19015 silver badges22 bronze badges

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

2 Comments

psp1 Over a year ago

when i write Item { var oneVar =10; .... rest of code} then it gives me Syntax error on deceleration var. where can i define global variables for java script? and is it possible to load an QML page from the JavaScript.

DRAX Over a year ago

You don't use "var", instead you should use "property". "var" is can be used only inside of function or in separate JS file.

Collectives™ on Stack Overflow

Integrating JavaScript and QML in the same file

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related