GJS / GTK为什么我不能替换gtk树视图模型（列）？

Question

我从一个空表开始（列表存储只有一列）

我希望用户能够导入CSV文件并显示其内容。 导入文件有效，并且确实显示了CSV数据，但是保留了原始列（标题为“无数据”）。 我该如何摆脱呢？

我尝试删除树视图元素甚至容器（但是当我这样做时，我无法让它们再次显示...

我在gtk文档中看到，替换treeView.set_model（listStore）应该完全替换现有的模型和列，但似乎并没有...

我现在正在做什么：

this._listStore = new Gtk.ListStore();

let coltypes = [GObject.TYPE_STRING];
this._listStore.set_column_types(coltypes);

// Create the treeview
this._treeView = new Gtk.TreeView({
  expand: true
});

this._treeView.set_model(this._listStore);
// Create a cell renderer for when bold text is needed
let bold = new Gtk.CellRendererText({
  weight: Pango.Weight.BOLD
});

// Create a cell renderer for normal text
let normal = new Gtk.CellRendererText();

// Create the columns for the address book
let defCol = new Gtk.TreeViewColumn({
  title: "No Data"
});

// Pack the cell renderers into the columns
defCol.pack_start(bold, true);

// Set each column to pull text from the TreeView's model
defCol.add_attribute(bold, "text", 0);

// Insert the columns into the treeview
this._treeView.insert_column(defCol, 0);

然后，在上传csv文件时，我尝试使用以下方式更新表：

this._listStore = new Gtk.ListStore();
// this._treeView.add(this._listStore);

let coltypes = [];
this.data.headers.forEach((h) => {

  coltypes.push(GObject.TYPE_STRING);

});

print(coltypes);
this._listStore.set_column_types(coltypes);

// Replace the treeview

this._treeView.set_model(this._listStore);
/*
this._treeView = new Gtk.TreeView ({
    expand: true,
    model: this._listStore });
   */
// Create cell renderers
let normal = new Gtk.CellRendererText();
let bold = new Gtk.CellRendererText({
  weight: Pango.Weight.BOLD
});

// Create the columns for the address book

for (k = 0; k < this.data.headers.length; k++) {
  print('***key is : ' + k + ', val is : ' + this.data.headers[k] + ' of type : ' + typeof(this.data.headers[k]));

  // let col=k;
  this[`col_${k}`] = new Gtk.TreeViewColumn({
    title: this.data.headers[k]
  });
  this[`col_${k}`].pack_start(normal, true);
  if (k == 0) {
    this[`col_${k}`].add_attribute(normal, "text", k);
  } else {
    this[`col_${k}`].add_attribute(normal, "text", k);
  }
  try {
    this._treeView.insert_column(this[`col_${k}`], k);
  } catch (err) {
    print(err);
  }

}

// Put the data in the table
let i;
for (i = 0; i < this.data.csva.length; i++) {

  let row = this.data.csva[i];
  print('trying to push : ' + row[0].toString());
  print('... the data is of type : ' + typeof(row[1]));
  let iter = this._listStore.append();

  // this._listStore.set (iter, [0, 1, 2],
  // [contact[0].toString(), contact[1].toString(), contact[2].toString()]);

  this._listStore.set(iter, Object.keys(this.data.headers), row);

}

为什么初始列仍然存在？我如何摆脱它？

在此先感谢您的帮助或指示。

Answer 1

您需要的是Gtk.TreeView.remove_column()。在Python中，这将是：

for column in this._treeView.get_columns():
    this._treeView.remove_column(column)

您当然需要在从CSV添加列之前每次删除树视图中的所有列时都要执行此操作。