Question

我已经在我的项目中实现了WTableView，但它默认使用分页按钮而不是使用虚拟滚动（并且以非常丑陋的方式执行。）即使我几乎完全实现了示例如示例库中所示，它仍然执行此操作。

我正在设置一个独立的示例，但基本上我有以下容器层次结构：

WApplication -> WTemplate -> WTabWidget -> ReportTab

ReportTab是我想要包含表格的小部件。我尝试将其设为WContainerWidget和WTemplate，这没有任何区别。

直接使用QueryModel<> vs我自己的实现扩展QueryModel（主要基于VirtualModel）也没有真正的区别。

根据我的阅读，WTableView应该只在浏览器不支持JS时实现分页。但我的问题出现在我尝试的所有浏览器上。

代码示例：

auto table_view = new Wt::WTableView();
auto model = new ReportTableModel(10); // TODO change magic number

auto query = session_.query<Item>(
    "SELECT"
    "   TaskResult, "
    "   sp.stockpile_label, "
    "   event_created, "
    " FROM task_results TaskResult"
    "   INNER JOIN tasks t ON TaskResult.task_result_id = t.id"
    "   INNER JOIN stockpile_events sp ON t.id = sp.stockpile_event_id"
);
model->setQuery(query);
model->setBatchSize(10);

model->addColumn("sp.stockpile_label", tr("report-col-stockpile"));
model->addColumn("TaskResult.volume", tr("report-col-volume"));
model->addColumn("event_created", tr("report-col-created"));

table_view->setModel(model);
addWidget(table_view);

对于ReportTab：

因为测试，这仍然充满了神奇的数字
我尝试过使用和不执行rowCount和columnCount

声明是： class ReportTableModel：public Wt :: Dbo :: QueryModel

ReportTableModel::ReportTableModel(int rows, Wt::WObject *parent)
    : QueryModel(parent),
      rows_(rows),
      columns_(7) // TODO clean this magic number up
  { }

boost::any ReportTableModel::data(const Wt::WModelIndex& index, int role) const {
    if (index.column() < 5)
        return QueryModel::data(index, role);
    else {
        // ...
        return boost::any();
    }
}
int ReportTableModel::rowCount(const Wt::WModelIndex& parent) const {
    if (!parent.isValid())
        return rows_;
    else
        return 0;
}
int ReportTableModel::columnCount(const Wt::WModelIndex& parent) const {
    if (!parent.isValid())
        return columns_;
    else
        return 0;
}
boost::any ReportTableModel::headerData(int section,
            Wt::Orientation orientation,
            int role) const
{
    if (section <= 5) {
        return QueryModel::headerData(section, orientation, role);
    } else {
        // ...
    }
}

2015年4月16日更新

我做了一个测试用例来说明问题，其中我删除了bootstrap，所有容器（现在我有WApplication - ＆gt; WContainer - ＆gt; WTableView），但问题仍然存在。

Answer 1

问题是我启用了progressive-bootstrap，这与WTableView执行虚拟滚动的能力不兼容。（好吧，真正的问题是这里没有记录......）

Wt WTableView默认为分页而不是虚拟滚动

1 个答案: