javascript - Qooxdoo 表格工具提示性能

Question

我使用的是 qooxdoo 5.0.1，但表格标题工具提示存在性能问题。

目前表格只有 49 列，我得到了 44 列的工具提示。

仅创建表格和格式化其中的列大约需要 40 秒。

如果没有表格标题工具提示，大约需要 2 秒。

这是我创建方法的一部分。

createTable  : function (pAryTableHeaderData) {
			this.debug("createTable");

			this._tableModel = new qx.ui.table.model.Simple();
			this._tableModel.setColumns(this.__tableHeaders, this.__tableIDs);

			this._table = new qx.ui.table.Table(this._tableModel);

			// Setzen der Spalteneigenschaften
			for (var i = 0; i < pAryTableHeaderData["length"]; i++) {

				var tableColumnModel = this._table.getTableColumnModel();

				// Setzen Tooltips für die Spaltenüberschriften
				if (pAryTableHeaderData[i][6]) {
					var cellHeader = new qx.ui.table.headerrenderer.Default();
					cellHeader.setToolTip(pAryTableHeaderData[i][6]);
					tableColumnModel.setHeaderCellRenderer(
						i,
						cellHeader
					);
				}
			}

			return this._table;
		},

我也把这部分代码分开了。单独大约 35 秒。

谁能告诉我问题所在？还是我做错了什么？

Answer 1

这是一个您可以在 playground (http://www.qooxdoo.org/current/playground) 中运行的工作示例，它添加了 50 列，每列都有一个工具提示 - 在 Mac 上的 Chrome 56 上，它在 1.5 秒内完成，在 Windows 上的 Chrome 54 上仅需 1.5 秒多一点.它基于您的代码，但由于您的示例不完整，我不得不为 header 等添加示例数据。

this.debug("createTable");

var tableHeaders = [];
var tableIDs = [];
for (var i = 0; i < 50; i++) {
  tableHeaders.push("Header #" + i);
  tableIDs.push("id" + i);
}

var tableModel = new qx.ui.table.model.Simple();
tableModel.setColumns(tableHeaders, tableIDs);

var table = new qx.ui.table.Table(tableModel);
var tableColumnModel = table.getTableColumnModel();


// Setzen der Spalteneigenschaften
for (var i = 0; i < 50; i++) {
    var cellHeader = new qx.ui.table.headerrenderer.Default();
    cellHeader.setToolTip("Tooltip #" + i);
    tableColumnModel.setHeaderCellRenderer(
        i,
        cellHeader
    );
}

var doc = this.getRoot();
doc.add(table,
{
  left : 10,
  top  : 10
});

速度上的差异可能是由于您使用的数据不同造成的 - 请尝试使用 playground 创建一个可重现的问题示例，并说明您使用的是什么浏览器 - 您可以在此处发布或讨论吗在 Gitter 上 ( https://gitter.im/qooxdoo/qooxdoo )