JavaScript — Встраивание Вентус в WT

Привет товарищи программисты! Моя цель — встроить оконный менеджер Ventus (http://www.rlamana.es/ventus/), репо здесь (https://github.com/rlamana/Ventus) на странице WT (http://www.webtoolkit.eu/wt) и запустите «Простой пример». У меня есть окно Вентуса, встроенное в страницу WT, однако у меня возникла проблема с окном. Я думаю, что это конфликт с CSS Ventus и WT. Что приводит меня сюда, так как CSS не моя сильная сторона. Я использую visual studio2010 для своей разработки, и у меня есть минимум запущенного проекта WT, в основном приложение hello world со всеми виджетами, которые были из него извлечены. Я включил все CSS и JS, которые использует пример simple.html, и пытался выяснить, как заставить его работать с WT. Любая помощь приветствуется!

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 JSstd::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);
}

0

Решение

Наконец-то разобрался. При использовании WT вместо использования «require» для загрузки CSS-файлов используйте «useStyleSheet».

1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]