Javascript Qooxdoo表工具提示性能

我使用的是qooxdoo 5.0.1，我的表头工具提示存在性能问题

现在这个表只有49列，我得到了44列的工具提示

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

如果没有表头工具提示，大约需要2秒

这是我创建方法的一部分

createTable:函数（pAryTableHeaderData）{
这个.debug（“createTable”）；
这个.u tableModel=new qx.ui.table.model.Simple（）；
this.\u tableModel.setColumns（this.\u tableHeaders，this.\u tableid）；
this.\u table=新的qx.ui.table.table（this.\u tableModel）；
//斯帕尔特内根查滕酒店
对于（变量i=0；i}，

这是一个可以在操场上运行的工作示例（），它添加了50列，每个列都有一个工具提示-在Mac上的Chrome 56上只需1.5秒，在Windows上的Chrome 54上只需1.5秒。它基于您的代码，但由于您的示例不完整，我不得不为标题等添加示例数据

this.debug（“createTable”）；
var tableHeaders=[]；
var tableIDs=[]；
对于（变量i=0；i<50；i++）{
tableHeaders.push（“Header#“+i）；
tableId.push（“id”+i）；
}
var tableModel=new qx.ui.table.model.Simple（）；
setColumns（tableHeader、tableID）；
var table=新的qx.ui.table.table（tableModel）；
var tableColumnModel=table.getTableColumnModel（）；
//斯帕尔特内根查滕酒店
对于（变量i=0；i<50；i++）{
var cellHeader=new qx.ui.table.headerrenderer.Default（）；
cellHeader.setToolTip（“Tooltip#”+i）；
tableColumnModel.setHeaderCellRenderer(
我
蜂窝头
);
}
var doc=this.getRoot（）；
文件添加（表，
{
左:10,，
前10名
});

---

速度上的差异可能是由于您使用的数据不同造成的-请尝试使用游乐场创建一个可重现的问题示例，并说明您使用的浏览器-您可以将其发布在此处或在Gitter上聊天吗（）

这是一个可以在游乐场中运行的工作示例（），其中添加了50列，每一个都有一个工具提示——在Mac上的Chrome56上只需1.5秒，在Windows上的Chrome54上只需1.5秒。它基于您的代码，但由于您的示例不完整，我不得不为标题等添加示例数据

this.debug（“createTable”）；
var tableHeaders=[]；
var tableIDs=[]；
对于（变量i=0；i<50；i++）{
tableHeaders.push（“Header#“+i）；
tableId.push（“id”+i）；
}
var tableModel=new qx.ui.table.model.Simple（）；
setColumns（tableHeader、tableID）；
var table=新的qx.ui.table.table（tableModel）；
var tableColumnModel=table.getTableColumnModel（）；
//斯帕尔特内根查滕酒店
对于（变量i=0；i<50；i++）{
var cellHeader=new qx.ui.table.headerrenderer.Default（）；
cellHeader.setToolTip（“Tooltip#”+i）；
tableColumnModel.setHeaderCellRenderer(
我
蜂窝头
);
}
var doc=this.getRoot（）；
文件添加（表，
{
左:10,，
前10名
});

---

速度上的差异可能是由于您使用的数据不同造成的-请尝试使用游乐场创建一个可重现的问题示例，并说明您使用的浏览器-您可以将其发布在此处或在Gitter上聊天吗（）

谢谢您回答@johnpackman。我现在用我的数据创建了一个可运行的游乐场示例：

var tableHeaders = [
  "R-Nr",  "Rech-Dat",  "Sammelr",  "Kunden-Nr",  "R-Empf",  "Art",  "Auf-Nr",  "Auf-Dat",  "Anz-Pos.",  "Wert Brutto",
  "Wert netto",  "Zu/Ab",  "R-Zuschl.",  "Nebenkosten",  "Skonto",  "Storniert",  "Ihre Zeichen",  "Unsere Zeichen",
  "Zahlart",  "Sofort",  "Stat-Upd",  "Bonus",  "MwSt-frei",  "MwSt-Betrag",  "Brutto-Pr",  "Rabatt-Dr",  "Rech-Addr-Nr",
  "Rechnungsadresse",  "Zahlungsfreigabe",  "Ertrag",  "IBAN",  "BIC",  "Lief-Bed",  "Lief-Text",  "Lief-Termin",
  "Lief-Addr-Nr",  "Lieferadresse",  "Zahl-Bed",  "Zahl-Text",  "Filiale",  "Filiale Name",  "Rech-KZ",  "Rech-Bez",
  "Sachb-Nr",  "Sachb-Kurzz",  "Sachb-Name",  "Vertr-Weg",  "Vertr-Bez",  "Form-Nr",  "Form-Bez"
  ];

var tableIDs = [
  "j_rnr",  "rk_dat",  "rk_sammel",  "j_kunr",  "rk_rekunr",  "rk_aufart",  "j_aufnr",  "rk_akdat",  "rk_anzpos",
  "rk_wertBrutto",  "rk_wertNetto",  "rk_srabatt",  "rk_klrzu",  "rk_fakost",  "rk_skbetrag",  "rk_storno",
  "rk_izei",  "rk_uzei",  "rk_zart",  "rk_sofort",  "rk_update",  "rk_bonus",  "rk_mwstfrei",  "z_stbetrag",
  "rk_brunet",  "rk_rabdr",  "rk_jrlfdnr",  "rech_name",  "j_gsnr",  "z_angwert",  "j_kto",  "j_blz",
  "j_lbnr",  "lb_text",  "rk_ltermin",  "rk_jllfdnr",  "lief_name",  "j_zab",  "zb_text",  "j_filial",  "fa1_name",
  "j_sammelkz",  "skz_bez",  "j_minr",  "mi_kurz",  "ad_name1",  "j_vwnr",  "vw_bez",  "j_fonr",  "fo_bez"
  ];

var toolTips = [
  "Rechnungsnummer",  "Rechnungsdatum",  "Sammelrechnung",  "Kundennummer",  "Rechnungsempfänger",  "Auftragsart",
  "Auftragsnummer",  "Auftragsdatum",  "Anzahl Positionen",  "Rechnungswert brutto",  "Rechnungswert netto",
  "Zu- und Abschlag in %",  "Rechnungs- bzw. Kleinrechnungszuschlag",  "",  "Skontobetrag",  "Rechnung storniert",
  "",  "",  "",  "Sofortrechnung",  "Statistikupdate",  "Bonusfähig",  "Mehrwertsteuerfrei",  "Mehrwertsteuerbetrag",
  "Bruttopreise",  "Rabattdruck",  "Rechnungsadresse",  "Rechnungsadresse",  "Zahlungsfreigabe",  "",  "",  "",
  "Lieferbedingung Schlüssel",  "Lieferbedingung Text",  "Liefertermin",  "Lieferadresse",  "Lieferadresse",
  "Zahlungsbedingung Schlüssel",  "Zahlungsbedingung Text",  "Filialnummer",  "Filialname",  "Rechnungskennzeichen",
  "Rechnungskennzeichen Bezeichnung",  "Sachbearbeiter Mitarbeiternummer",  "Sachbearbeiter Kurzzeichen",
  "Sachbearbeiter Name 1",  "Vertriebsweg",  "Vertriebsweg Bezeichnung",  "Formularnummer",  "Formularbezeichnung"
  ];

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 < toolTips["length"]; i++) {
    var cellHeader = new qx.ui.table.headerrenderer.Default();
    cellHeader.setToolTip(toolTips[i]);
    tableColumnModel.setHeaderCellRenderer(
        i,
        cellHeader
    );
}

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

var tableHeaders=[
“R-Nr”、“Rech Dat”、“Sammell”、“Kunden Nr”、“R-Empf”、“Art”、“Auf Nr”、“Auf Dat”、“澳新银行位置”、“Wert Brutto”，
“Wert netto”，“Zu/Ab”，“R-Zuschl”，“Nebenkosten”，“Skonto”，“Storniert”，“Ihre Zeichen”，“Unsere Zeichen”，
“Zahlart”、“Sofort”、“Stat Upd”、“Bonus”、“MwSt frei”、“MwSt Betrag”、“Brutto Pr”、“Rabatt Dr”、“Rech Addr Nr”，
“Rechnungsadress”、“Zahlungsfreigabe”、“Ertrag”、“IBAN”、“BIC”、“Lief Bed”、“Lief Text”、“Lief Term”，
“Lief地址编号”、“Lieferadrisse”、“Zahl床”、“Zahl文本”、“分公司”、“分公司名称”、“Rech KZ”、“Rech Bez”，
“Sachb Nr”、“Sachb Kurzz”、“Sachb名称”、“Vertr Weg”、“Vertr Bez”、“表格Nr”、“表格Bez”
];
变量tableId=[
“rk”、“rk”、“rk”、“rk”、“rk”、“rk”、“rk”、“rk”、“rk”、“rk”、“rk”、“rk”、“rk”，
“rk_Wertbruto”、“rk_wertNetto”、“rk_srabatt”、“rk_klrzu”、“rk_fakost”、“rk_skbetrag”、“rk_storno”，
“rk_izei”、“rk_uzei”、“rk_zart”、“rk_sofort”、“rk_更新”、“rk_奖金”、“rk_mwstfrei”、“z_stbetrag”，
“rk_brunet”、“rk_rabdr”、“rk_jrlfdnr”、“rech_姓名”、“j_gsnr”、“z_angwert”、“j_kto”、“j_blz”，
“j_lbnr”、“lb_text”、“rk_ltermin”、“rk_jllfdnr”、“lief_名称”、“j_zab”、“zb_text”、“j_孝子”、“fa1_名称”，
“j_sammelkz”，“skz_bez”，“j_minr”，“mi_kurz”，“ad_name1”，“j_vwnr”，“vw_bez”，“j_fonr”，“Fou bez”
];
变量工具提示=[
“Rechnungsnummer”、“Rechnungsdatum”、“Sammelrechnung”、“Kundennummer”、“Rechnungsempfänger”、“Auftragsart”，
“Auftragsnmer”、“Auftragsdatum”、“Anzahl Positionen”、“Rechnungswert Bruto”、“Rechnungswert netto”，
“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%为单位的计算结果”、“以%，
“Sofortrechnung”、“Statistikupdate”、“Bonusfähig”、“Mehrwertsteuerfrei”、“Mehrwertsteuerbetrag”，
“Bruttopreise”、“Rabatdruck”、“Rechnungsadesse”、“Rechnungsadesse”、“Zahlungsfreigabe”、“Rabatdruck”、“Rechnungsadesse”、“Zahlungsfreigabe”、“Zahlungsfreigabe”、“Rabatdruck”、“Rechnungsadesse”、“Rechnungsadesse，
“Lieferbedingung Schlüssel”、“Lieferbedingung文本”、“Liefertermin”、“Lieferadrese”、“Lieferadrese”，
“Zahlungsbedingung Schlüssel”，“Zahl”