I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
```
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
```
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
```
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
```
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
In frontend/index.js
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
In frontend/index.js
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
(Apologies for the formatting... not working so well)
```
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History
</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
```
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
(Apologies for the formatting... not working so well)
```
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History
</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
```
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
>
> <q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
> </q2-data-table>
> <q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
> <script src="{{ this.base_assets_url }}/index.js"></script>
>
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
>
> <q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
> </q2-data-table>
> <q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
> <script src="{{ this.base_assets_url }}/index.js"></script>
>
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
`
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
`
In frontend/index.js
`
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
`
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
Trying to use Tecton q2-data-table.
Trying to use Tecton q2-data-table.
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
`
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
`
In frontend/index.js
`
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
`
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
```
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
```
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
#
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
```
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
```
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
`
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
`
In frontend/index.js
`
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
`
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed.
Simple example... in templates/index.html.jinja2... I have:
`
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
`
In frontend/index.js
`
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
`
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
Please advise. Thanks!
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!
Trying to use Tecton q2-data-table.
I am having trouble getting <q2-data-table> tecton component to work.
Should be pretty simple... I've tried a number of different ways... other q2 UI components seem to work. In the below example, btn_submit is retrieved and set to disabled... However, the q2-data-table (as copied from the example in https://tecton.q2developer.com/ui/q2-data-table ) is not displayed. Simple example, in templates/index.html.jinja2:
<q2-data-table id="accounttable" name="accounttable" caption="Recent Sales">
</q2-data-table>
<q2-btn intent="workflow-primary" id=btn_submit onclick="validateForm(event)">Get Transaction History</q2-btn>
<script src="{{ this.base_assets_url }}/index.js"></script>
In frontend/index.js
```
// This code will execute after tecton has initialized.
tecton.connected.then(function() {
const accountlist = document.querySelector('q2-data-table');
const btn = document.getElementById('btn_submit');
btn.disabled = true;
btn.intent = "workflow-secondary";
accountlist.headers = [
{
title: 'Day of Week',
key: 'day',
},
{
title: 'Sales',
key: 'sales',
align: 'center'
},
];
accountlist.rows = [
{
id: 1,
cells: {
day: 'Monday',
sales: 93,
},
},
{
id: 2,
cells: {
day: 'Tuesday',
sales: 127,
},
},
{
id: 3,
cells: {
day: 'Wednesday',
sales: 121,
},
}
];
//alert("Title: " & accountlist.id);
});
```
I did notice that q2-data-table is not listed in https://cdn4.onlineaccess1.com/cdn/base/tecton/v1.25/Documentation/ui while it is listed in https://tecton.q2developer.com/ui
Please advise. Thanks!