布局

DataGridToolBar 表格工具栏

为 DataGrid 提供搜索、筛选和列设置。

示例

用法

筛选与排列项目

输入关键词或组合筛选条件来过滤表格，在 Columns 菜单中显示、移动或固定列。筛选规则由应用的代理模型实现。

#include <FluentQt/Layout.h>
using namespace fluent::layout;

#ifndef GALLERY_DATAGRIDWORKSPACESAMPLE_H
#define GALLERY_DATAGRIDWORKSPACESAMPLE_H

#include <FluentQt/FluentQt.h>
#include <QHeaderView>
#include <QHBoxLayout>
#include <QSortFilterProxyModel>
#include <QStandardItemModel>
#include <QVBoxLayout>

namespace fluent::gallery {

// Filtering rules and saved views are application policy, outside DataGrid.
// zh_CN: 筛选规则与保存视图属于应用策略，不放入 DataGrid。
class ProjectFilterModel final : public QSortFilterProxyModel {
public:
    using QSortFilterProxyModel::QSortFilterProxyModel;
    void setCriteria(const QString& search, const QVariantMap& filters)
    {
        m_search = search.trimmed();
        m_filters = filters;
        invalidateFilter();
    }

protected:
    bool filterAcceptsRow(int row, const QModelIndex& parent) const override
    {
        bool matchesText = m_search.isEmpty();
        for (int c = 0; c < sourceModel()->columnCount(parent); ++c)
            matchesText |=
                sourceModel()->index(row, c, parent).data().toString().contains(m_search, Qt::CaseInsensitive);
        if (!matchesText)
            return false;
        for (const auto& pair : {qMakePair(QStringLiteral("owner"), 1), qMakePair(QStringLiteral("status"), 2)}) {
            const auto values = m_filters.value(pair.first).toStringList();
            if (!values.isEmpty() && !values.contains(sourceModel()->index(row, pair.second, parent).data().toString()))
                return false;
        }
        return true;
    }

private:
    QString m_search;
    QVariantMap m_filters;
};

class DataGridWorkspaceSample final : public layout::Card {
public:
    explicit DataGridWorkspaceSample(QWidget* parent = nullptr) : Card(parent)
    {
        setObjectName(QStringLiteral("dataGridWorkspace"));
        setBorderVisible(false);
        setMaximumWidth(864);
        setMinimumWidth(300);
        setMinimumHeight(480);
        auto* body = new QVBoxLayout(this);
        body->setContentsMargins(24, 24, 24, 24);
        body->setSpacing(12);
        auto* title = new textfields::Label(QStringLiteral("Projects"), this);
        title->setFluentTypography(Typography::FontRole::Subtitle);
        body->addWidget(title);
        auto* description = new textfields::Label(QStringLiteral("Search, combine filters, and arrange your columns."),
            this);
        description->setFluentTypography(Typography::FontRole::Caption);
        description->setTextColorRole(textfields::Label::TextColorRole::Secondary);
        description->setWordWrap(true);
        body->addWidget(description);

        m_toolbar = new layout::DataGridToolBar(this);
        m_toolbar->searchField()->setPlaceholderText(QStringLiteral("Search projects…"));
        m_toolbar->addFilter(QStringLiteral("status"), QStringLiteral("Status"),
            {QStringLiteral("Active"), QStringLiteral("Review")});
        m_toolbar->addFilter(QStringLiteral("owner"), QStringLiteral("Owner"),
            {QStringLiteral("Maya"), QStringLiteral("Noah"), QStringLiteral("Priya"), QStringLiteral("Riley")});
        body->addWidget(m_toolbar);

        m_model = new QStandardItemModel(this);
        m_model->setHorizontalHeaderLabels(
            {QStringLiteral("Project"), QStringLiteral("Owner"), QStringLiteral("Status"), QStringLiteral("Priority")});
        m_model->setHeaderData(3, Qt::Horizontal, int(Qt::AlignRight | Qt::AlignVCenter), Qt::TextAlignmentRole);
        const QStringList names{QStringLiteral("Aurora"), QStringLiteral("Beacon"), QStringLiteral("Canvas"),
            QStringLiteral("Delta"), QStringLiteral("Ember"), QStringLiteral("Fjord"), QStringLiteral("Grove"),
            QStringLiteral("Harbor")};
        const QStringList owners{QStringLiteral("Maya"), QStringLiteral("Noah"), QStringLiteral("Priya"),
            QStringLiteral("Riley")};
        for (int r = 0; r < names.size(); ++r) {
            auto* priority = new QStandardItem;
            priority->setData(r % 4 + 1, Qt::EditRole);
            priority->setTextAlignment(Qt::AlignRight | Qt::AlignVCenter);
            m_model->appendRow({new QStandardItem(names.at(r)), new QStandardItem(owners.at(r % 4)),
                new QStandardItem(r % 3 == 0 ? QStringLiteral("Review") : QStringLiteral("Active")), priority});
        }
        m_proxy = new ProjectFilterModel(this);
        m_proxy->setSourceModel(m_model);
        m_grid = new collections::DataGrid(this);
        m_grid->setObjectName(QStringLiteral("workspaceDataGrid"));
        m_grid->setAccessibleName(QStringLiteral("Projects"));
        m_grid->setModel(m_proxy);
        m_grid->setBorderVisible(false);
        m_grid->setPlaceholderText(QStringLiteral("No projects match these filters."));
        m_grid->setSelectionBehavior(QAbstractItemView::SelectRows);
        m_grid->setSelectionMode(collections::SelectionMode::Extended);
        m_grid->setSortingEnabled(true);
        m_grid->sortByColumn(0, Qt::AscendingOrder);
        m_grid->setEditTriggers(QAbstractItemView::DoubleClicked | QAbstractItemView::EditKeyPressed);
        m_grid->setColumnWidth(0, 300);
        m_grid->setColumnWidth(1, 180);
        m_grid->setColumnWidth(2, 160);
        m_grid->setColumnWidth(3, 176);
        m_grid->setMinimumHeight(220);
        m_toolbar->setDataGrid(m_grid);
        body->addWidget(m_grid, 1);

        auto* footer = new QHBoxLayout;
        m_summary = new textfields::Label(this);
        m_summary->setObjectName(QStringLiteral("dataGridSummary"));
        m_summary->setFluentTypography(Typography::FontRole::Caption);
        m_summary->setTextColorRole(textfields::Label::TextColorRole::Secondary);
        m_summary->setWordWrap(true);
        footer->addWidget(m_summary, 1);
        auto* save = new basicinput::Button(QStringLiteral("Save view"), this);
        save->setObjectName(QStringLiteral("dataGridSaveView"));
        auto* restore = new basicinput::Button(QStringLiteral("Restore"), this);
        restore->setObjectName(QStringLiteral("dataGridRestoreView"));
        restore->setEnabled(false);
        footer->addWidget(save);
        footer->addWidget(restore);
        body->addLayout(footer);
        connect(save, &QAbstractButton::clicked, this, [this, restore] {
            m_savedColumns = m_grid->saveColumnState();
            m_savedSearch = m_toolbar->searchText();
            m_savedFilters = m_toolbar->filters();
            restore->setEnabled(true);
            status_info::Toast::showOrUpdateToast(this, QStringLiteral("gallery.action-feedback"),
                QStringLiteral("View saved for this demo"), status_info::Toast::Success, 2200, status_info::Toast::Top,
                QMargins(16, 50, 16, 16));
        });
        connect(restore, &QAbstractButton::clicked, this, [this] {
            m_grid->restoreColumnState(m_savedColumns);
            m_toolbar->clearFilters();
            m_toolbar->setSearchText(m_savedSearch);
            for (auto it = m_savedFilters.cbegin(); it != m_savedFilters.cend(); ++it)
                m_toolbar->setFilterValues(it.key(), it.value().toStringList());
            updateSummary();
            status_info::Toast::showOrUpdateToast(this, QStringLiteral("gallery.action-feedback"),
                QStringLiteral("View restored"), status_info::Toast::Success, 2200, status_info::Toast::Top,
                QMargins(16, 50, 16, 16));
        });
        const auto filter = [this] {
            m_proxy->setCriteria(m_toolbar->searchText(), m_toolbar->filters());
            updateSummary();
        };
        connect(m_toolbar, &layout::DataGridToolBar::searchTextChanged, this, filter);
        connect(m_toolbar, &layout::DataGridToolBar::filtersChanged, this, filter);
        connect(m_grid->selectionModel(), &QItemSelectionModel::selectionChanged, this, [this] { updateSummary(); });
        m_grid->selectRow(2);
        updateSummary();
    }

private:
    void updateSummary()
    {
        m_summary->setText(QStringLiteral("%1 of %2 projects · %3 selected")
                .arg(m_proxy->rowCount())
                .arg(m_model->rowCount())
                .arg(m_grid->selectionModel()->selectedRows().size()));
    }
    layout::DataGridToolBar* m_toolbar = nullptr;
    collections::DataGrid* m_grid = nullptr;
    QStandardItemModel* m_model = nullptr;
    ProjectFilterModel* m_proxy = nullptr;
    textfields::Label* m_summary = nullptr;
    QByteArray m_savedColumns;
    QString m_savedSearch;
    QVariantMap m_savedFilters;
};
} // namespace fluent::gallery
#endif

import fluentqt

grid = fluentqt.DataGrid(self)
grid.setModel(project_proxy)
toolbar = fluentqt.DataGridToolBar(self)
toolbar.setDataGrid(grid)
toolbar.searchField().setPlaceholderText("Search projects…")
toolbar.addFilter("status", "Status", ["Active", "Review"])
toolbar.addFilter(
    "owner",
    "Owner",
    ["Maya", "Noah", "Priya", "Riley"]
)
# Apply searchText() and filters() in the application's proxy model.
toolbar.searchTextChanged.connect(apply_filters)
toolbar.filtersChanged.connect(apply_filters)
# Full example includes the proxy and Save view / Restore wiring.

API

查看声明

`fluent::layout::DataGridToolBar`

继承自 QWidget · FluentElement · QMLPlus

为借用的 DataGrid 组合紧凑搜索、分面筛选与列管理控件。

构造函数

explicit DataGridToolBar(QWidget* parent = nullptr)

属性

fluent::collections::DataGrid* dataGrid: 读取 dataGrid()设置 setDataGrid()通知 dataGridChanged()
QString searchText: 读取 searchText()设置 setSearchText()通知 searchTextChanged()
QVariantMap filters: 读取 filters()通知 filtersChanged()

继承自 fluent::FluentElement

方法

static void setTheme(Theme theme): 更新全局主题，并通知所有活跃的 FluentElement 实例。
static void setThemeDeferred(Theme theme): 以可见元素优先的批次调度主题刷新，避免阻塞当前交互。
static Theme currentTheme(): 返回当前生效的全局主题。
static bool themeUsesDarkAppearance(Theme theme): 返回指定主题是否使用暗色底的 chrome 与材质 token。
static void refreshTheme(): 在设计 token 变化后重新广播当前主题以触发重绘。
static int themeGeneration(): 每次主题变化自增的单调计数器，用于过期判断。
Theme effectiveTheme() const: 解析此元素实际使用的主题，会优先读取 QWidget 父链上的局部主题覆盖。
bool effectiveThemeUsesDarkAppearance() const: 返回此元素的实际主题是否使用暗色底 chrome。
bool setThemeOverrides(const QJsonObject& overrides): 供组件侧访问的设计 token 接口。
QJsonObject themeOverrides() const: 返回当前元素的覆盖配置。
void clearThemeOverrides(): 恢复全部 token 跟随全局主题。
Colors themeColors() const
const Colors& themeColorsRef() const: 对当前色板的零拷贝访问（用于绘制热路径）。
FontStyle themeFont(Typography::FontRole role = Typography::FontRole::Body) const
Radius themeRadius() const
Spacing themeSpacing() const
Animation themeAnimation() const
Material::AcrylicToken themeAcrylic() const: 材质、阴影和自适应布局 token。
Material::MicaToken themeMica() const
Material::SmokeToken themeSmoke() const
Elevation::ShadowParams themeShadow(Elevation::Level level) const
int themeBreakpoint(Breakpoints::Breakpoint breakpoint = Breakpoints::Breakpoint::Medium) const
QColor themeBackdrop(bool active) const: 给定激活状态下的窗口 chrome 背景色。
virtual void onThemeUpdated(): 全局主题变化后调用。

枚举

enum Theme: 解析设计 token 时使用的全局视觉主题。
Light = 0
Dark = 1
HighContrast = 2

类型与别名

struct Colors: 返回给组件使用的设计 token 快照。
struct FontStyle
struct Radius
struct Spacing
struct Animation

继承自 fluent::QMLPlus

方法

AnchorLayout::Anchors* anchors(): 返回 QWidget 宿主的可变锚点配置。
void setState(const QString& name): 应用具名 state；名称为空时恢复默认状态。
QString state() const
void addState(const QMLState& state): 注册或替换一个具名 state 定义。
void evaluateStates(): 重新计算条件；按注册顺序选择首个成立的条件。
QMLPlusRuntime* runtime(): 返回按需创建、由宿主持有的状态观察对象。
void setAnchors(const AnchorLayout::Anchors& anchors): 替换宿主的全部锚点，并使父布局失效。
void resetAnchors(): 清除宿主全部锚点，并使父布局失效。
void bind(const char* targetProp, QObject* source, const char* sourceProp, PropertyBinder::Direction dir = PropertyBinder::OneWay): 将 source 属性绑定到 QWidget 宿主上的 target 属性。
BindingHandle bindManaged(const char* targetProp, QObject* source, const char* sourceProp, PropertyBinder::Direction direction = PropertyBinder::OneWay, BindingOptions options = {}): 在当前 QWidget 宿主上安装可管理的直接绑定。
BindingHandle bindComputed(const char* targetProp, const QVector<BindingDependency>& dependencies, std::function<QVariant()> evaluate, BindingOptions options = {}): 在当前 QWidget 宿主上安装使用显式依赖的 C++ 表达式绑定。
void addTransition(const StateTransition& transition): 按优先顺序注册状态过渡。
void setBehavior(const char* propertyName, const PropertyAnimation& animation): 设置宿主受管理属性写入时使用的默认动画。
void clearBehavior(const char* propertyName): 移除后续受管理写入使用的默认动画。
bool writeProperty(const char* propertyName, const QVariant& value): 通过 Behavior 写入宿主属性，且不移除该属性的绑定。

Qt 基类完整成员：QWidget

示例

用法

筛选与排列项目

API

fluent::layout::DataGridToolBar

构造函数

属性

方法

信号

析构函数

方法

枚举

类型与别名

方法

`fluent::layout::DataGridToolBar`