I see how to add data from a javascript var, but how do I add data from an html table or from a database query and still use the grid control.
var input = new AW.UI.Input;
input.setControlText("Input");
input.setControlImage("folder");
var grid1 = new AW.UI.Grid;
grid1.setId("grid1");
grid1.setHeaderTemplate(input, 0);
grid1.setHeaderText("Header");
grid1.setCellText("cell");
grid1.setColumnCount(7);
grid1.setRowCount(5);
grid1.refresh();
input.onControlValidated = function(text){
grid1.setCellText(text, 0, 0);
For example I'd like to do this.
<table style="width: 100%">
<tr id="colHdrs">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr id="colData">
<td>Data1</td>
<td>Data2</td>
<td>Data3</td>
<td>Data4</td>
<td>Data5</td>
<td>Data6</td>
<td>Data7</td>
<td>Data8</td>
<td>Data9</td>
</tr>
</table>
Thank you. But how do I get the column headers and data from the html tags on the form?