《QTreeView中嵌入QSpinBox实现编辑数据》：系列教程之八（第3小节）

本小节属于《QTreeView使用代理实现表项编辑、定制显示控件》：系列教程之八的子章节。

由于本章节内容较多，放在一起可能大家看起来比较费劲，所以进行了拆分，大家可以从这里《QTreeView使用系列教程目录》找到其他的小节内容。

---

接下来开始讲解，QTreeView中嵌入QSpinBox实现编辑数据。

从委托类QItemDelegate继承，

createEditor()创建Editor并返回，

setEditorData()用于初始化Editor数据，

setModelData()用于Editor修改数据后写回model，

updateEditorGeometry()用于设置Editor位置。

class SpinBoxDelegate : public QItemDelegate
{
    Q_OBJECT
public:
    SpinBoxDelegate(QObject *parent = nullptr)
        : QItemDelegate(parent) { }

    QWidget *createEditor(QWidget *parent,
                          const QStyleOptionViewItem &option,
                          const QModelIndex &index) const override
    {
        QSpinBox *editor = new QSpinBox(parent);
        editor->setMinimum(1);
        editor->setMaximum(100);
        return editor;
    }

    void setEditorData(QWidget *editor, const QModelIndex &index) const override
    {
        int value = index.model()->data(index, Qt::EditRole).toInt();
        QSpinBox *spinBox = static_cast<QSpinBox*>(editor);
        spinBox->setValue(value);
    }

    void setModelData(QWidget *editor,
                      QAbstractItemModel *model,
                      const QModelIndex &index) const override
    {
        QSpinBox *spinBox = static_cast<QSpinBox*>(editor);
        spinBox->interpretText();
        int value = spinBox->value();
        model->setData(index, value, Qt::EditRole);
    }

    void updateEditorGeometry(QWidget *editor,
                              const QStyleOptionViewItem &option,
                              const QModelIndex &index) const override
    {
        editor->setGeometry(option.rect);
    }
};

给第2列指定委托，那么第2列使用QSpinBox修改数据。

SpinBoxDelegate* spinBox = new SpinBoxDelegate(ui->treeView);
ui->treeView->setItemDelegateForColumn(2, spinBox);

效果：

---

若对你有帮助，欢迎点赞、收藏、评论，你的支持就是我的最大动力！！！

同时，阿超为大家准备了丰富的学习资料，欢迎关注公众号“超哥学编程”，即可领取。

本文涉及工程代码，公众号回复：34EditorDelegate，即可下载。