Wt макет головной боли
Я оцениваю Wt и был впечатлен до того момента, когда столкнулся с ошибкой компоновки, когда то, что я кодирую, похоже, не совпадает с тем, что заканчивается в браузере. Главным образом делать с контейнерами, перекрывающими друг друга, когда они (очевидно) не должны. Вот один пример, чтобы проиллюстрировать, что я имею в виду:
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
#include <assert.h>
#include <string>
using namespace std;
#include <Wt/WApplication>
#include <Wt/WContainerWidget>
#include <Wt/WLineEdit>
#include <Wt/WHBoxLayout>
#include <Wt/WVBoxLayout>
#include <Wt/WGroupBox>
#include <Wt/WLabel>
#include <Wt/WDateEdit>
#include <Wt/WStackedWidget>
#include <Wt/WMenu>
#include <Wt/WBootstrapTheme>
#include <Wt/WTabWidget>
using namespace Wt;
class TSTApplication : public WApplication
{
WContainerWidget *body;
public:
TSTApplication(const WEnvironment& env);
};
class TSTConcoction : public WContainerWidget
{
public:
TSTConcoction();
};
TSTConcoction::TSTConcoction()
{
WVBoxLayout *vbox = new WVBoxLayout;
WGroupBox *gbox = new WGroupBox("A Group Box");
WTabWidget *tabw = new WTabWidget(gbox);
tabw->setStyleClass("tabwidget");
// tab1:
{
WContainerWidget *tab = new WContainerWidget;
WHBoxLayout *hbox = new WHBoxLayout;
hbox->addWidget(new WLabel("First:"));
hbox->addWidget(new WLineEdit);
hbox->addWidget(new WLabel("Second:"));
hbox->addWidget(new WLineEdit);
hbox->addWidget(new WLabel("Third:"));
hbox->addWidget(new WLineEdit);
tab->setLayout(hbox);
tabw->addTab(tab, "TAB1", Wt::WTabWidget::PreLoading);
}
// tab2:
{
WContainerWidget *tab = new WContainerWidget;
WHBoxLayout *hbox = new WHBoxLayout;
hbox->addWidget(new WLabel("Only:"));
hbox->addWidget(new WLineEdit);
tab->setLayout(hbox);
tabw->addTab(tab, "TAB2", Wt::WTabWidget::PreLoading);
}
vbox->addWidget(gbox);
// towards the bottom
gbox = new WGroupBox("Below The Lot");
WHBoxLayout *hbox = new WHBoxLayout;
hbox->addWidget(new WLabel("Left:"));
hbox->addWidget(new WDateEdit);
hbox->addWidget(new WLineEdit);
hbox->addWidget(new WLabel("Middle:"));
hbox->addWidget(new WDateEdit);
hbox->addWidget(new WLineEdit);
hbox->addWidget(new WLabel("Right:"));
hbox->addWidget(new WLineEdit);
gbox->setLayout(hbox);
vbox->addWidget(gbox);
setLayout(vbox);
}
TSTApplication::TSTApplication
(
const WEnvironment& env
)
: WApplication(env)
{
WApplication::instance()->setTheme(new WBootstrapTheme);
WContainerWidget *appcont = new WContainerWidget;
WStackedWidget *contents = new WStackedWidget;
WMenu *menu = new WMenu(contents, Wt::Horizontal, appcont);
menu->addStyleClass("nav-tabs");
// tab1
WContainerWidget *cont = new WContainerWidget;
WVBoxLayout *vbox = new WVBoxLayout;
WHBoxLayout *hbox = new WHBoxLayout;
WLabel *l = new WLabel("Dummy:");
hbox->addWidget(l);
hbox->addWidget(new WLineEdit);
vbox->addLayout(hbox);
vbox->addWidget(new TSTConcoction);
cont->setLayout(vbox);
menu->addItem("TAB1", cont);
// tab2
cont = new WContainerWidget;
vbox = new WVBoxLayout;
vbox->addWidget(new WLabel("TODO"));
cont->setLayout(vbox);
menu->addItem("TAB2", cont);
appcont->addWidget(contents);
root()->addWidget(appcont);
}
WApplication *createApplication(const WEnvironment& env)
{
return new TSTApplication(env);
}
int main(int argc, char **argv)
{
return WRun(argc, argv, &createApplication);
}
Вот еще один (казалось бы, не связанный) пример:
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
#include <assert.h>
#include <string>
using namespace std;
#include <Wt/WApplication>
#include <Wt/WBreak>
#include <Wt/WContainerWidget>
#include <Wt/WPushButton>
#include <Wt/WText>
#include <Wt/WVBoxLayout>
#include <Wt/WLabel>
#include <Wt/WStackedWidget>
#include <Wt/WMenu>
#include <Wt/WBootstrapTheme>
using namespace Wt;
class TSTApplication : public WApplication
{
WContainerWidget *body;
void start();
public:
TSTApplication(const WEnvironment& env);
};
class TSTMessage : public WContainerWidget
{
public:
TSTMessage();
};
class TSTRelatives : public WContainerWidget
{
void expand();
public:
TSTRelatives(const string &);
};
class TSTChildren : public TSTRelatives
{
public:
TSTChildren();
};
class TSTParent : public TSTRelatives
{
public:
TSTParent();
};
const char *MESSAGE = "This is a message\n\
to help illustrate the problem i am\n\
having with the relative offsets of\n\
container widgets";
const char *BODY = " A Proferred Official ICP\n\
\n\
By Initial Connection Protocol (ICP), I mean a third level protocol\n\
which is initiated by a user process at one site in order to contact a\n\
server process at another site. Typically, the user process will be a\n\
Telnet and the server process will be a logger, but there may be other\n\
cases.\n\
\n\
In this RFC, I wish to describe a family of ICPs suitable for\n\
establishing one pair of connections (one in each direction) between any\n\
user process and any server process, and to propose further a particular\n\
subset of this family as the standard ICP for connecting user processes\n\
to loggers on systems which accept teletype-like devices.";
TSTMessage::TSTMessage()
{
WVBoxLayout *vbox = new WVBoxLayout;
vbox->addWidget(new WText("<pre>" + string(MESSAGE) + "</pre>"));
vbox->addWidget(new TSTParent);
vbox->addWidget(new TSTChildren);
vbox->addWidget(new WText("<pre>" + string(BODY) + "</pre>"));
vbox->addWidget(new WPushButton("Dummy Button"));
setLayout(vbox);
}
TSTRelatives::TSTRelatives
(
const string &who
)
{
setLayoutSizeAware(true);
WVBoxLayout *vbox = new WVBoxLayout;
WPushButton *expand = new WPushButton("Expand " + who);
expand->clicked().connect(this, &TSTRelatives::expand);
vbox->addWidget(expand);
setLayout(vbox);
}
void TSTRelatives::expand()
{
clear();
for (int i = 0; i < 2; i++)
{
this->addWidget(new WBreak);
WString num = WString("{1}<hr/>").arg(i);
this->addWidget(new WText(num));
this->addWidget(new TSTMessage);
}
}
TSTChildren::TSTChildren()
: TSTRelatives("Children")
{
setStyleClass("children");
}
TSTParent::TSTParent()
: TSTRelatives("Parent")
{
setStyleClass("parent");
}
void TSTApplication::start()
{
for (int i = 0; i < 3; i++)
{
body->addWidget(new WBreak);
WString num = WString("{1}<hr/>").arg(i);
body->addWidget(new WText(num));
body->addWidget(new TSTMessage);
}
}
TSTApplication::TSTApplication
(
const WEnvironment& env
)
: WApplication(env)
{
WApplication::instance()->useStyleSheet("tstui.css");
WApplication::instance()->setTheme(new WBootstrapTheme);
WContainerWidget *appcont = new WContainerWidget;
WStackedWidget *contents = new WStackedWidget;
WMenu *menu = new WMenu(contents, Wt::Horizontal, appcont);
menu->addStyleClass("nav-tabs");
// tab1
WContainerWidget *cont = new WContainerWidget;
WVBoxLayout *vbox = new WVBoxLayout;
body = new WContainerWidget;
WPushButton *b = new WPushButton("Start");
b->clicked().connect(this, &TSTApplication::start);
vbox->addWidget(b);
vbox->addWidget(body);
cont->setLayout(vbox);
menu->addItem("TAB1", cont);
// tab2
cont = new WContainerWidget;
vbox = new WVBoxLayout;
vbox->addWidget(new WLabel("TODO"));
cont->setLayout(vbox);
menu->addItem("TAB2", cont);
appcont->addWidget(contents);
root()->addWidget(appcont);
}
WApplication *createApplication(const WEnvironment& env)
{
return new TSTApplication(env);
}
int main(int argc, char **argv)
{
return WRun(argc, argv, &createApplication);
}
После загрузки нажимайте кнопки Expand Parent/Children произвольно вокруг страницы, и в течение нескольких итераций возникает нежелательное перекрытие контейнеров.
Чтобы запустить их, поместите каждый пример в файл (например, tst.cpp) и скомпилируйте с помощью (в linux):
C++ -o tst tst.cpp -lwthttp -lwt
и запустить с:
./tst --docroot. --http-адрес 0.0.0.0 --http-порт 8080
Обычно в этот момент может возникнуть соблазн перейти к оценке следующего фреймворка, но я знаю C++ и Qt, так что Wt хорошо подходит, и я надеюсь, что смогу найти простое объяснение этому, чтобы продолжить свое путешествие с Wt.
Никакая помощь не будет осуждена.
1 ответ
Решение
Команда Wt подтвердила ошибку в менеджерах верстки. http://redmine.webtoolkit.eu/issues/2488