How to use the @hpcc-js/dgrid.domConstruct.create function in @hpcc-js/dgrid
To help you get started, we’ve selected a few @hpcc-js/dgrid examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
hpcc-systems / Visualization / packages / eclwatch / src / WUResultStore.ts View on Github 
rowToTable(cell, __row, node) {
if (this.isChildDataset(cell)) { // Don't display "Row" as a header ---
for (const key in cell) {
this.rowToTable(cell[key], __row, node);
}
return;
}
const table = domConstruct.create("table", { border: 1, cellspacing: 0, width: "100%" }, node);
switch (Object.prototype.toString.call(cell)) {
case "[object Object]":
let tr = domConstruct.create("tr", null, table);
for (const key in cell) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr);
}
tr = domConstruct.create("tr", null, table);
for (const key in cell) {
switch (Object.prototype.toString.call(cell[key])) {
case "[object Object]":
case "[object Array]":
this.rowToTable(cell[key], __row, node);
break;
default:
domConstruct.create("td", { innerHTML: safeEncode(cell[key]) }, tr);
break;case "[object Array]":
for (let i = 0; i < cell.length; ++i) {
switch (Object.prototype.toString.call(cell[i])) {
case "[object Boolean]":
case "[object Number]":
case "[object String]":
// Item in Scalar ---
const tr1 = domConstruct.create("tr", null, table);
domConstruct.create("td", { innerHTML: safeEncode(cell[i]) }, tr1);
break;
default:
// Child Dataset ---
if (i === 0) {
const tr2 = domConstruct.create("tr", null, table);
for (const key in cell[i]) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr2);
}
}
domConstruct.create("tr", null, table);
for (const key in cell[i]) {
if (cell[i][key]) {
if (Object.prototype.toString.call(cell[i][key]) === "[object Object]" || Object.prototype.toString.call(cell[i][key]) === "[object Array]") {
const td = domConstruct.create("td", null, tr1);
this.rowToTable(cell[i][key], cell[i], td);
} else if (key.indexOf("__html", key.length - "__html".length) !== -1) {
domConstruct.create("td", { innerHTML: cell[i][key] }, tr1);
} else if (key.indexOf("__javascript", key.length - "__javascript".length) !== -1) {
/*const td = */ domConstruct.create("td", null, tr1);
// this.injectJavascript(cell[i][key], cell[i], td);
} else {
const val = cell[i][key];
domConstruct.create("td", { innerHTML: safeEncode(val) }, tr1);}
break;
case "[object Array]":
for (let i = 0; i < cell.length; ++i) {
switch (Object.prototype.toString.call(cell[i])) {
case "[object Boolean]":
case "[object Number]":
case "[object String]":
// Item in Scalar ---
const tr1 = domConstruct.create("tr", null, table);
domConstruct.create("td", { innerHTML: safeEncode(cell[i]) }, tr1);
break;
default:
// Child Dataset ---
if (i === 0) {
const tr2 = domConstruct.create("tr", null, table);
for (const key in cell[i]) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr2);
}
}
domConstruct.create("tr", null, table);
for (const key in cell[i]) {
if (cell[i][key]) {
if (Object.prototype.toString.call(cell[i][key]) === "[object Object]" || Object.prototype.toString.call(cell[i][key]) === "[object Array]") {
const td = domConstruct.create("td", null, tr1);
this.rowToTable(cell[i][key], cell[i], td);
} else if (key.indexOf("__html", key.length - "__html".length) !== -1) {
domConstruct.create("td", { innerHTML: cell[i][key] }, tr1);
} else if (key.indexOf("__javascript", key.length - "__javascript".length) !== -1) {
/*const td = */ domConstruct.create("td", null, tr1);
// this.injectJavascript(cell[i][key], cell[i], td);
} else {const table = domConstruct.create("table", { border: 1, cellspacing: 0, width: "100%" }, node);
switch (Object.prototype.toString.call(cell)) {
case "[object Object]":
let tr = domConstruct.create("tr", null, table);
for (const key in cell) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr);
}
tr = domConstruct.create("tr", null, table);
for (const key in cell) {
switch (Object.prototype.toString.call(cell[key])) {
case "[object Object]":
case "[object Array]":
this.rowToTable(cell[key], __row, node);
break;
default:
domConstruct.create("td", { innerHTML: safeEncode(cell[key]) }, tr);
break;
}
}
break;
case "[object Array]":
for (let i = 0; i < cell.length; ++i) {
switch (Object.prototype.toString.call(cell[i])) {
case "[object Boolean]":
case "[object Number]":
case "[object String]":
// Item in Scalar ---
const tr1 = domConstruct.create("tr", null, table);
domConstruct.create("td", { innerHTML: safeEncode(cell[i]) }, tr1);
break;
default:
// Child Dataset ---break;
default:
domConstruct.create("td", { innerHTML: safeEncode(cell[key]) }, tr);
break;
}
}
break;
case "[object Array]":
for (let i = 0; i < cell.length; ++i) {
switch (Object.prototype.toString.call(cell[i])) {
case "[object Boolean]":
case "[object Number]":
case "[object String]":
// Item in Scalar ---
const tr1 = domConstruct.create("tr", null, table);
domConstruct.create("td", { innerHTML: safeEncode(cell[i]) }, tr1);
break;
default:
// Child Dataset ---
if (i === 0) {
const tr2 = domConstruct.create("tr", null, table);
for (const key in cell[i]) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr2);
}
}
domConstruct.create("tr", null, table);
for (const key in cell[i]) {
if (cell[i][key]) {
if (Object.prototype.toString.call(cell[i][key]) === "[object Object]" || Object.prototype.toString.call(cell[i][key]) === "[object Array]") {
const td = domConstruct.create("td", null, tr1);
this.rowToTable(cell[i][key], cell[i], td);
} else if (key.indexOf("__html", key.length - "__html".length) !== -1) {rowToTable(cell, __row, node) {
if (this.isChildDataset(cell)) { // Don't display "Row" as a header ---
for (const key in cell) {
this.rowToTable(cell[key], __row, node);
}
return;
}
const table = domConstruct.create("table", { border: 1, cellspacing: 0, width: "100%" }, node);
switch (Object.prototype.toString.call(cell)) {
case "[object Object]":
let tr = domConstruct.create("tr", null, table);
for (const key in cell) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr);
}
tr = domConstruct.create("tr", null, table);
for (const key in cell) {
switch (Object.prototype.toString.call(cell[key])) {
case "[object Object]":
case "[object Array]":
this.rowToTable(cell[key], __row, node);
break;
default:
domConstruct.create("td", { innerHTML: safeEncode(cell[key]) }, tr);
break;
}
}
break;
case "[object Array]":
for (let i = 0; i < cell.length; ++i) {const tr1 = domConstruct.create("tr", null, table);
domConstruct.create("td", { innerHTML: safeEncode(cell[i]) }, tr1);
break;
default:
// Child Dataset ---
if (i === 0) {
const tr2 = domConstruct.create("tr", null, table);
for (const key in cell[i]) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr2);
}
}
domConstruct.create("tr", null, table);
for (const key in cell[i]) {
if (cell[i][key]) {
if (Object.prototype.toString.call(cell[i][key]) === "[object Object]" || Object.prototype.toString.call(cell[i][key]) === "[object Array]") {
const td = domConstruct.create("td", null, tr1);
this.rowToTable(cell[i][key], cell[i], td);
} else if (key.indexOf("__html", key.length - "__html".length) !== -1) {
domConstruct.create("td", { innerHTML: cell[i][key] }, tr1);
} else if (key.indexOf("__javascript", key.length - "__javascript".length) !== -1) {
/*const td = */ domConstruct.create("td", null, tr1);
// this.injectJavascript(cell[i][key], cell[i], td);
} else {
const val = cell[i][key];
domConstruct.create("td", { innerHTML: safeEncode(val) }, tr1);
}
} else {
domConstruct.create("td", { innerHTML: "" }, tr1);
}
}
}
}rowToTable(cell, __row, node) {
if (this.isChildDataset(cell)) { // Don't display "Row" as a header ---
for (const key in cell) {
this.rowToTable(cell[key], __row, node);
}
return;
}
const table = domConstruct.create("table", { border: 1, cellspacing: 0, width: "100%" }, node);
switch (Object.prototype.toString.call(cell)) {
case "[object Object]":
let tr = domConstruct.create("tr", null, table);
for (const key in cell) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr);
}
tr = domConstruct.create("tr", null, table);
for (const key in cell) {
switch (Object.prototype.toString.call(cell[key])) {
case "[object Object]":
case "[object Array]":
this.rowToTable(cell[key], __row, node);
break;
default:
domConstruct.create("td", { innerHTML: safeEncode(cell[key]) }, tr);
break;
}
}
break;rowToTable(cell, __row, node) {
if (this.isChildDataset(cell)) { // Don't display "Row" as a header ---
for (const key in cell) {
this.rowToTable(cell[key], __row, node);
}
return;
}
const table = domConstruct.create("table", { border: 1, cellspacing: 0, width: "100%" }, node);
switch (Object.prototype.toString.call(cell)) {
case "[object Object]":
let tr = domConstruct.create("tr", null, table);
for (const key in cell) {
domConstruct.create("th", { innerHTML: safeEncode(key) }, tr);
}
tr = domConstruct.create("tr", null, table);
for (const key in cell) {
switch (Object.prototype.toString.call(cell[key])) {
case "[object Object]":
case "[object Array]":
this.rowToTable(cell[key], __row, node);
break;
default:
domConstruct.create("td", { innerHTML: safeEncode(cell[key]) }, tr);
break;
}
}
break;
case "[object Array]":
for (let i = 0; i < cell.length; ++i) {
switch (Object.prototype.toString.call(cell[i])) {
case "[object Boolean]":
