@trusktr said in Auto re-run property bound code in C++ outside of a class?: @sierdzio Have a look at Solid.js. People are loving the dependency-tracking reactive patterns. What does that have to do with me? ;-) What is the Qt equivalent of moving state outside of a QML component and both: logging it when it changes rendering it inside two different compoments ? Typically this involves creating a C++ object which holds the state, has properties and signals etc. This solves both of your points nicely and keeps UI and logic nicely separated.

You're right. Thanks for answering. I finally ended with a QImageProvider. My image provider takes a filename followed by a question mark and a color (image://myimageprovider/myicon.svg?red). I can then colorize my svg file (this is why i needed a new Image() ) from my image provider. This is the qml part. import QtQuick 2.11 Canvas { width: 200 height: 200 property string imageUrl: "image://myimageprovider/myicon.svg?red" Component.onCompleted: loadImage(imageUrl) onImageLoaded: requestPaint(); onPaint: { var ctx = getContext("2d"); ctx.drawImage(imageUrl, 0, 0, 32, 32); } }

It's been a long time since I used OpenGL. OpenGL version 1.1 to 2.1 handle power of 2 textures. I think it is with GL 3.0 that non pow-2 textures work. I think you have to explicitly create a GL 3.0 or above context. But I could be wrong. Also, try making a 256 x 256 or 256 x 512 or 512 x 512 texture.

Does it work in another way in Qt 6.1 or 5.15? Since you mention JavaScript, perhaps it's "trigger happy" attitude towards converting types is interfering here? To be absolutely sure which method will be called, use different method names.

Hops i forget to make the new object a type of already register with the newmetaonject

It was Nice to be able to register a meyatype converter and the QJSEngine convert for that object to a data type. Until now i create a class of QIcon and add and invokable method that returns *this. Like that i can recive on c++ a QIcon as reference Is there something that Im missing? If i create a object in c++ with QJSEngine::toScriptVale of a QIcon it works as well but like that i canto create a new object of that type and if i Change the value it chances for all c++ calls, in JavaScript is nota trivial to clone a object it was Nice to be able to clone it and fonte destroy the Last calls.

A ListView appears to be a better match than the more complicated GridLayout and Repeater. ListView { delegate: Item { width: ListView.view.width height: childrenRect.height Text { anchors.right: parent.horizontalCenter text: modelData.firstPart + ":" } Text { anchors.left: parent.horizontalCenter text: modelData.secondPart } } }

I am not sure Qt signals would work. You should certainly be able to so callbacks though.

It is possible to call c/c++ functions from javascript as well as call javascript from c/c++. Look at https://emscripten.org/docs/porting/connecting_cpp_and_javascript/Interacting-with-code.html

@lorn-potter I figured out how to export custom functions, but there's still a problem with exporting the runtime ones. I am adding the -s EXPORTED_RUNTIME_METHODS=UTF8ToString argument and keep receiving "Uncaught RuntimeError: Aborted('UTF8ToString' was not exported. add it to EXPORTED_RUNTIME_METHODS (see the FAQ))" error.

Thanks guys! Im on Qt 5.10, that explains why the "=>" is not working. Had not known about the old style syntax. Settings this to closed.

@addr3ss No, it's not. Resources are compiled into the executable and can be easily extracted from there. What kine of information is it?

I decided to ask this question specifically in a separate post, just in case a JS memory manager expert might not have found the title of this post interesting. Here's the other post: https://forum.qt.io/topic/106655/does-qjsvalue-protect-its-value-from-garbage-collection

Ok so I managed to import the html by modeling my code similar to the example with: QString code = QStringLiteral("qt.jQuery('#first_page').load('html/first_page.html');"); //you can even nest it with: QString code = QStringLiteral( "qt.jQuery('#first_page').load('html/first_page.html', ()=>{" "qt.jQuery('#border_content').load('html/border_content.html', ()=>{" //some other html "qt.jQuery('#last_page').load('html/last_page.html');" "});" "});" ); unfortunately I now cannot use the qwebchannel.js script anymore and my css gets screwed :( even loading it with: QFile script_file(":/qtwebchannel/qwebchannel.js"); if(!script_file.open(QIODevice::ReadOnly)) qDebug()<<"Couldn't load Qt's QWebChannel API!"; QString qt_script = QString::fromLatin1(script_file.readAll()); script_file.close(); view->page()->runJavaScript(qt_script); did not help. Since it is a small project and I am on a short deadline right now I will put everything in one html file and mark this question als solved.

I finally found the problème from qt documentation. My solution is to add : QTQUICK_COMPILER_SKIPPED_RESOURCES += testgooglemapwebengine.qrc in my .pro file.