How to use @hpcc-js/dgrid - 10 common examples
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]":.wu(Ins002_dsOutput1)
.resultName("Ins002_dsOutput1_View_table1")
.responseFields([{ id: "state", type: "string" }, { id: "id", type: "number64" }, { id: "first_name", type: "string" }, { id: "last_name", type: "string" }, { id: "gender", type: "string" }, { id: "lat", type: "number" }, { id: "lng", type: "number" }, { id: "whole_number", type: "number64" }, { id: "decimal_number", type: "number" }, { id: "created_time", type: "string" }, { id: "created_date", type: "string" }, { id: "vip", type: "string" }])
;
export const e_8 = new marshaller.Form()
.formFields([
new marshaller.FormField().fieldID("filter_state")
])
;
}
namespace viz {
export const table1 = new marshaller.VizChartPanel()
.id("table1")
.title("Table 1")
.widget(new Table())
;
export const cp_8 = new marshaller.VizChartPanel()
.id("cp_8")
.title("Element 8")
.widget(new FieldForm()
.validate(false)
.allowEmptyRequest(true))
;
}
// Dashboard Elements (Controller) ---
const table1 = new marshaller.Element(ec)
.id("table1")
.pipeline([
data.Ins002_dsOutput1_Ins002_dsOutput1_View_table1,
