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

【问题标题】：GJS/GTK Why can't I replace gtk treeview model (columns)?GJS/GTK 为什么我不能替换 gtk 树视图模型（列）？
【发布时间】：2019-03-17 09:00:36
【问题描述】：

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

我希望用户能够导入 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);

}

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

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

【问题讨论】：

标签： gtk gjs

【解决方案1】：

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

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

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

【讨论】：