Call a Qt function from Javascript code

Question

I have a Qt project with a Webview which is loading a HTML file which is Javascriptfiles. Now I want to call a function on Qt side via JavaScript.

So, having the following Qt function:

void MainWIndow::myFunction(angle)
{
    qDebug() << angle;
}

I want to call it from JavaScript side:

function angleChanged(angle){
    Qt.MainWIndow::myFunction(angle);
}

How can I do this?

Reza Ebrahimi · Accepted Answer · 2014-09-13 06:51:03Z

1

If Qt is your JavaScriptWindowObject, you should use:

In your Qt code behind (MainWIndow class):

MainWIndow.h file:

public slots:
    void populateJavaScriptWindowObject();
    void myFunction(int angle);

MainWIndow.cppfile:

//in constructor
connect(ui->webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),
         this, SLOT(populateJavaScriptWindowObject()));

//in populateJavaScriptWindowObject SLOT
void MainWindow::populateJavaScriptWindowObject()
{
    QWebFrame *frame = ui->webView->page()->mainFrame();
    frame->addToJavaScriptWindowObject("Qt", this);
}

In your Javascript code:

function angleChanged(angle) {
    Qt.myFunction(angle);
}

edited Sep 13, 2014 at 6:51

answered Sep 13, 2014 at 6:22

Reza Ebrahimi

3,6892 gold badges30 silver badges42 bronze badges

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

3 Comments

Matthias Over a year ago

Thank you.How I can make QT to JavaScriptWindowObject

Reza Ebrahimi Over a year ago

using addToJavaScriptWindowObject() method in populateJavaScriptWindowObject().

Matthias Over a year ago

Thx will try it soon as possible

Collectives™ on Stack Overflow

Call a Qt function from Javascript code

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related