0

こんにちは仲間のプログラマー！私の目標は、 WTページ ( http ://www . webtoolkit.eu/wt）、「簡単な例」を実行します。Ventus ウィンドウを WT ページに埋め込んでいますが、ウィンドウのスタイリングに問題があります。私の推測では、これは Ventus と WT の CSS との競合です。CSS は私の得意分野ではないので、ここまで来ました。私は開発に Visual Studio2010 を使用しています。最低限の WT プロジェクトを実行しています。基本的には、すべてのウィジェットが取り除かれた Hello World アプリです。simple.html の例が使用するすべての CSS と JS を含め、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 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);
}
4

1 に答える 1

1

最後にそれを理解しました。CSS ファイルの読み込みに「require」を使用する代わりに WT を使用する場合は、「useStyleSheet」を使用します。

于 2013-05-16T15:07:27.963 に答える