Embedding Ventus in WT

Hello fellow programmers! My goal is to embed a Ventus window manager (http://www.rlamana.es/ventus/), repo here (https://github.com/rlamana/Ventus) in a WT page (http://www.webtoolkit.eu/wt) and get the "Simple Example" running. I have the ventus window embedded in the WT page, however I am having a styling problem with the window. My guess this is a conflict with CSS of Ventus and WT. Which brings me here, as CSS is not my strong point. I am using visual studio2010 for my development, and I have the bare minimum of a WT project running, basically the hello world app with all the widgets ripped out of it. I've included all the CSS and JS that the simple.html example uses, and have been trying to figure out how to make it work with WT. Any help would be much appreciated! void HelloApplication::InitInterface() { //Include the CSS wApp->useStyleSheet("Ventus/examples/simple/css/normalize.css"); wApp->useStyleSheet("Ventus/examples/simple/css/simple.css"); wApp->useStyleSheet("Ventus/build/ventus.css"); wApp->useStyleSheet("Ventus/examples/simple/css/browseralert.css"); //Include the JS wApp->require("Ventus/vendor/modernizr.js"); wApp->require("Ventus/vendor/jquery.js"); wApp->require("Ventus/vendor/handlebars.js"); wApp->require("Ventus/build/ventus.js"); WContainerWidget* root = this->root(); WContainerWidget* ventus_widget = new WContainerWidget(root); //Widget ref std::string ventus_widget_ref = ventus_widget->jsRef(); // is a text string that will be the element when executed in JS std::string command = ventus_widget_ref + ".wm = new Ventus.WindowManager();"; //Create the window manager ventus_widget->doJavaScript(command); command = ventus_widget_ref + ".wm.createWindow({title: 'Ventus', x: 10, y: 10, width: 500, height: 500}).open();"; //You may also create new windows by creating container widgets and fromQuery function //WContainerWidget* app_window = new WContainerWidget(wApp->root()); //command = ventus_widget_ref + ".wm.createWindow.fromQuery(" + app_window->jsRef() + ", {title: 'Ventus', x: 10, y: 10, width: 500, height: 500}).open();"; //You can then add widgets to the ventus window like any other WT container //app_window->addWidget(app.get()); //Create a window ventus_widget->doJavaScript(command); }
Updated the code to a functional version, also added a comment block for creating ventus windows with a container widget.

以上就是Embedding Ventus in WT的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏