Всплывающие окна с QtWebChannel

Question

Всплывающие окна с QtWebChannel

Я отображаю сгенерированный фолио HTML(для leaflet.js) в QtWebEngineView. Во всплывающих окнах у меня есть кнопка с функцией нажатия, которая должна вызывать метод обратно в python. Но я не могу заставить канал работать. Я не уверен, что делаю что-то не так с QtWebChannel или JS, или это может быть фолиум?

Я вставил следующий JavaScript в конец файла QWebChannel.js, который загружается в конце <body>

    var jshelper;
    new QWebChannel(qt.webChannelTransport, function (channel) {
        jshelper = channel.objects.jshelper;
    });

    document.getElementById("myBtn").addEventListener("click", function(){
        jshelper.pathSelected("Test!")
    });

Вот мой код Python

import sys
import os

import branca
from branca.element import *

import folium
from folium import plugins

from PyQt5 import QtWebEngineWidgets, QtCore, QtWidgets, QtWebChannel
from PyQt5.QtWidgets import QMainWindow, QAction, QMenu, QApplication, QWidget, QLineEdit, QLabel, QPushButton, QGridLayout, QDockWidget


class Example(QMainWindow):

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

        self.setObjectName('Main')
        QtCore.QMetaObject.connectSlotsByName(self)

        self.view = QtWebEngineWidgets.QWebEngineView()
        self.view.setObjectName('MapWidget')

        self.window  = QWidget()
        self.window.setObjectName('MainWidget')
        self.layout = QGridLayout()
        self.window.setLayout(self.layout)
        self.layout.addWidget(self.view)
        self.setCentralWidget(self.window);

        self.channel = QtWebChannel.QWebChannel(self.view.page())
        self.view.page().setWebChannel(self.channel)
        self.channel.registerObject("jshelper", self)

        self.us = folium.Map(location=[36,-108],
                    zoom_start=5, tiles='StamenWatercolor')
        fastestRoute = folium.PolyLine( ((40,-110), (50,-110)),
                    weight=5,color='blue').add_to(self.us)
        f = Figure()
        f.html.add_child(Element('<button id="myBtn">Try it</button>'))
        f.html.add_child(Element('<p>\n TEST \n</p>'))
        link = JavascriptLink('https://rawgit.com/toknowjoyman/qwebch/master/qwebchannel.js')
        f.html.add_child(Element(link.render()))
        print (f.render())
        iframe = branca.element.IFrame(html=f.render(), width=500, height=300)
        popup = folium.Popup(iframe, max_width=500)
        fastestRoute.add_child(popup)
        self.us.save("html/test.html")
        self.view.load(QtCore.QUrl().fromLocalFile(
            os.path.split(os.path.abspath(__file__))[0]+r'/html/test.html'
        ))

        self.setGeometry(100,100,1200,900)
        self.show()

    @QtCore.pyqtSlot(str)
    def pathSelected(self, lat):
      print(lat)

if __name__ == '__main__':
    sys.argv.append("--remote-debugging-port=8000")
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

Был бы очень признателен за помощь в выяснении этого

Дайте мне знать, если я должен опубликовать сгенерированный фолио html для всплывающего окна или для api leaflet.js

4

python pyqt5 folium qtwebengine qtwebchannel

Источник

user9009477 26 ноя '17 в 08:16

1 ответ

Решение

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

user6622587 26 ноя '17 в 20:18 2017-11-26 20:18 · Accepted Answer · 2017-11-26 20:18

qwebchannel.js Вы должны поместить это сначала, и вы вводите это во всплывающее окно, и вы регистрируете это в page(),

Для этого мы создаем Figure () и в заголовок добавляем qwebchannel.js

principal = Figure()
js = JavascriptLink(QUrl.fromLocalFile(self.htmlPath.absoluteFilePath("qwebchannel.js")).toString())
principal.header.add_child(Element(js.render()))

Примечание: в qwebchannel не устанавливается соединение с кнопкой, потому что она не существует.

для этого всплывающему окну передается новый javascript, который будет вызывать popup.js, и где я получу доступ к jshelper через его родительское окно, главное окно.

popup.js

var jshelper = parent.jshelper;

document.getElementById("myBtn").addEventListener("click", function(){
    console.log("okay");
    jshelper.pathSelected("Test!");
});

.py

f = Figure()
f.html.add_child(Element('<button id="myBtn">Try it</button>'))
f.html.add_child(Element('<p>\n TEST \n</p>'))

link = JavascriptLink(QUrl.fromLocalFile(self.htmlPath.absoluteFilePath("popup.js")).toString())
f.html.add_child(Element(link.render()))

Вы можете найти полный пример по следующей ссылке.