Qt QWEBview JavaScript callback - PullRequest
Новая
       15

Qt QWEBview JavaScript callback

11 голосов
/ 12 февраля 2011

Как передать функцию «указатель» из JavaScript в слот?

в JavaScript: 

function f1()
{
    alert("f1");
}
qtclass.submit(f1);

и в Qt: 

public slots:
    void submit(void * ptr) 
    {
        (void)ptr;
    }

Мне нужно«f1» - функция, запускаемая в JavaScript из c ++ после некоторой обработки.Также я заранее не знаю название указателя функции.

Ответы [ 4 ]

9 голосов
/ 12 февраля 2011

вы должны быть в состоянии выполнить ваш скрипт, используя метод QWebFrame ::valuJavaScript .Посмотрите, подойдет ли вам приведенный ниже пример:

инициализация веб-просмотра: 

QWebView *view = new QWebView(this->centralWidget());
view->load(QUrl("file:///home//test.html"));
connect(view, SIGNAL(loadFinished(bool)), this, SLOT(loadFinished(bool)));

loadFinished обработчик сигнала: 

void MyTestWindow::loadFinished(bool)
{
    QVariant f1result = ((QWebView*)sender())->page()->mainFrame()->evaluateJavaScript("f1('test param')");
    qDebug() << f1result.toString();
}

test.html: 

<head>
    <script LANGUAGE="JavaScript">
        function f1 (s) 
        {
            alert (s) 
            return "f1 result"
        }
    </script>
</head>
<body>
    test html
</body>

valuJavaScript должен вызвать окно сообщения с предупреждением и вернуть QVariant с результатом функции f1.

надеюсь, это поможет, с уважением

6 голосов
/ 11 ноября 2011

Вы можете решить эту проблему другим способом, используя сигналы Qt, следующим образом: 

class qtclass
{
   signals:
      void done(QString message);
};

В своем HTML-файле вы можете подключиться к этому сигналу, например: 

qtclass.done.connect(f1);

function f1(message)
{
   alert('f1 called from qtclass with message' + message);
}

Тогда вашему классу C ++ не нужно знать о функции javascript.

3 голосов
/ 12 февраля 2011

Хотя это не сработает во всех случаях, вы можете просто передать строку в ваш слот.Ваш слот может затем использовать valuJavaScript (как предложил serge) для вызова функции. 

function f1()
{
    alert("f1");
}
qtclass.submit("f1");

и в Qt: 

public slots:
    void submit(QString functionName) 
    {
        m_pWebView->page()->mainFrame()->evaluateJavaScript(functionName + "()");
    }
1 голос
/ 26 февраля 2014

У меня есть одно рабочее решение - использование слотов. Тем не менее, я не смог заставить работать сигналы, как это предложил Курт. 

#include <QtGui/QApplication>
#include <QApplication>
#include <QDebug>
#include <QWebFrame>
#include <QWebPage>
#include <QWebView>

class MyJavaScriptOperations : public QObject {
    Q_OBJECT
public:
     QWebView *view;
     MyJavaScriptOperations();

    Q_INVOKABLE qint32 MultOfNumbers(int a, int b) {
        qDebug() << a * b;
        return (a*b);
    }
public slots:
     void callback();
public:

void  firecb();

 signals:
      void done();
};


MyJavaScriptOperations::MyJavaScriptOperations()
{
    view = new QWebView();
    view->resize(400, 500);

    connect(view->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()), this, SLOT(callback()));

    view->load(QUrl("./shreyas.html"));

    view->show();


    qDebug()<<view;


}

void MyJavaScriptOperations::callback()
{
    qDebug()<<"Sending hello text";
    QString function = "f1()";
    view->page()->mainFrame()->addToJavaScriptWindowObject("myoperations", this);
    view->page()->mainFrame()->evaluateJavaScript("f1()");
    done();
}

void  MyJavaScriptOperations::firecb()
{
     qDebug()<<"Emitting Signal";
     done();
}

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);


    MyJavaScriptOperations *jvs = new MyJavaScriptOperations;
    jvs->firecb();

    return a.exec();
}
#include "main.moc"

Изменения в html-файле - 

<head>
    <script LANGUAGE="JavaScript">


function f1()
{
   alert('f1 called from qtclass with message');
   document.write("HELLLLLLLLL");
}
myoperations.callback(f1);


function f2()
{
   var result = myoperations.MultOfNumbers(3,7);
   document.write(result);
    alert('f1 called from qtclass with message');
}


function f3()
{

    alert('f3');
}

myoperations.done.connect(f3);


    </script>
</head>
<body>
    test html
<input type="button" value="click" onclick="f2()">
</body>
...