PyQt QtWebChannel: вызов функции Python из JavaScript

Question

PyQt QtWebChannel: вызов функции Python из JavaScript

Я пытаюсь, используя классы Qt QWebEngineView, а также QWebChannel сделать простую связь между страницей HTML и скриптом Python. Цель состоит в том, чтобы просто выполнить foo() когда заголовок <h2> нажата.

import sys
from PyQt5.QtCore import pyqtSlot
from PyQt5.QtWidgets import QApplication
from PyQt5.QtWebChannel import QWebChannel
from PyQt5.QtWebEngineWidgets import QWebEngineView, QWebEnginePage

html = '''
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>        
    <script src="qrc:///qtwebchannel/qwebchannel.js"></script>
    <script>
    var backend;
    new QWebChannel(qt.webChannelTransport, function (channel) {
        backend = channel.objects.backend;
    });

    document.getElementById("header").addEventListener("click", function(){
        backend.foo();
    });
    </script>
</head>
<body> <h2 id="header">Header.</h2> </body>
</html>
'''

class HelloWorldHtmlApp(QWebEngineView):

    def __init__(self):
        super().__init__()

        # setup a page with my html
        my_page = QWebEnginePage(self)
        my_page.setHtml(html)
        self.setPage(my_page)

        # setup channel
        self.channel = QWebChannel()
        self.channel.registerObject('backend', self)
        self.page().setWebChannel(self.channel)
        self.show()

    @pyqtSlot()
    def foo(self):
        print('bar')


if __name__ == "__main__":
    app = QApplication.instance() or QApplication(sys.argv)
    view = HelloWorldHtmlApp()
    view.show()
    app.exec_()

Проблема в том, что переменная backend не видно за пределами QWebChannel конструктор. Я пытался сделать backend атрибут widnow сделать его глобальным, но это не сработало.

8

python pyqt pyqt5 qwebengineview qtwebchannel

Источник

user6466206 21 мар '18 в 21:26

1 ответ

Решение

Другие вопросы по тегам python pyqt pyqt5 qwebengineview qtwebchannel

user6622587 21 мар '18 в 21:33 2018-03-21 21:33 · Accepted Answer · 2018-03-21 21:33

Проблема не в видимости, а в связи с событием click, загрузка файла происходит сверху вниз, поэтому вы пытаетесь подключить заголовок, когда он еще не существует, решение состоит в том, чтобы переписать HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>        
        <script src="qrc:///qtwebchannel/qwebchannel.js"></script>
    </head>
    <body> <h2 id="header">Header.</h2> </body>
    <script>
        var backend;
        new QWebChannel(qt.webChannelTransport, function (channel) {
            backend = channel.objects.backend;
        });

        document.getElementById("header").addEventListener("click", function(){
            backend.foo();
        });
    </script>
</html>