1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, you can obtain one at http://mozilla.org/MPL/2.0/. */
// FIXME: Wrap the whole method around the document load listener to prevent the
// undefined state of the "tree-view-table-row" element. This is due to the .mjs
// nature of the class file.
window.addEventListener("load", () => {
class TestCardRow extends customElements.get("tree-view-table-row") {
static ROW_HEIGHT = 50;
static COLUMNS = [
{
id: "testCol",
// Ensure that a table header is rendered in order to verify that the
// header's presence doesn't cause issues with scroll calculations.
l10n: {
header: "threadpane-column-header-subject",
menuitem: "threadpane-column-label-subject",
},
},
];
connectedCallback() {
if (this.hasConnected) {
return;
}
super.connectedCallback();
this.cell = this.appendChild(document.createElement("td"));
let container = this.cell.appendChild(document.createElement("div"));
this.d1 = container.appendChild(document.createElement("div"));
this.d1.classList.add("d1");
this.d2 = this.d1.appendChild(document.createElement("div"));
this.d2.classList.add("d2");
this.d3 = this.d1.appendChild(document.createElement("div"));
this.d3.classList.add("d3");
}
get index() {
return super.index;
}
set index(index) {
super.index = index;
this.d2.textContent = this.view.getCellText(index, {
id: "GeneratedName",
});
this.d3.textContent = this.view.getCellText(index, {
id: "PrimaryEmail",
});
this.dataset.value = this.view.values[index];
}
}
customElements.define("test-row", TestCardRow, { extends: "tr" });
const tree = document.getElementById("testTree");
tree.setAttribute("rows", "test-row");
tree.table.setColumns(TestCardRow.COLUMNS);
});
|
