QML中如何正确修改TableView绑定的TableModel数据？

问题根因 #

你写的t1.model.rows[0].name = "cat2"无法触发视图更新，核心原因是：

• TableModel的rows是初始化用的普通JS数组，直接修改数组内对象的字段时，不会触发Qt模型体系要求的数据变更通知信号，TableView感知不到数据变化，自然不会重绘对应单元格。
• 直接操作模型内部的原始存储对象，绕过了模型的状态校验逻辑，还可能引发数据和索引不匹配的隐藏问题。

正确修改方法 #

所有对TableModel数据的增删改操作，都要通过模型官方提供的API完成，调用后会自动触发视图刷新，不需要手动调用刷新方法。

修改指定单元格数据 #

用setData()方法，参数顺序为：行索引（从0开始计数）、字段角色名（和你在TableModelColumn里配置的display对应的值一致）、新的字段值。
把你原来的按钮点击逻辑替换成下面的写法即可：

Button {
    x:179
    y:235
    text: "Button"
    z: 1
    onClicked: {
      // 修改第1行（索引0）的name字段值为cat2
      t1.model.setData(0, "name", "cat2")
      // 如果要修改同行的color字段，写法为：t1.model.setData(0, "color", "orange")
    }
}

其他常用数据操作API #

• 新增行：调用appendRow()传入新行的对象即可，示例：

  t1.model.appendRow({"name": "fish", "color": "gold"})
  

• 删除行：调用removeRow()传入要删除的行索引即可，示例：

  t1.model.removeRow(2) // 删除第3行
  

• 全量替换数据：直接给rows属性重新赋值即可触发整体刷新，示例：

  t1.model.rows = [
    {"name": "rabbit", "color": "white"},
    {"name": "duck", "color": "yellow"}
  ]
  

注意：不要通过下标直接修改rows数组内对象的属性，这类操作不会被模型监听，必然出现视图不更新的问题。

内容的提问来源于stack exchange，提问作者DELI