implement grid with javascript

answered 2012-02-20 08:13:17 +0800

ToniGomez
15

I'm developing a financial web. I need to show market information every 250ms, so I need to process the information in client side.

In my case. I've an array of objects in javascript and I want to add every row to a grid.

For example:
<script type="text/javascript">
function StockItem(quote, name) {
this.Quote = quote;
this.Name = name;
}

var newSt = new StockItem("1", "Test");

<script type="text/javascript">

I want to add a row with newSt

answered 2012-02-20 15:09:45 +0800

ToniGomez
15

updated 2012-02-20 15:13:05 +0800

ok, I need some help. For example to add a row to this grid? Normaly after row I'll add something like append("<tr><td>row content</td></tr>"). Could you help me?

<zk xmlns:w="http://www.zkoss.org/2005/zk/client" >
<window title="Hello!" width="550px" height="300px" border="normal">
<grid id="g" width="200px" >
<columns id="cols">
<column id="col1">column1</column>
<column id="col2">column2</column>
</columns>
<rows id="rows">
<zscript>
String[] x = new String[1];
</zscript>
<row forEach="${x}">
<label value="x${forEachStatus.index}"></label>
<label value="y${forEachStatus.index}"></label>
</row>
</rows>
</grid>
<script type="text/javascript">
function addRow(){
var row = zk.Widget.$('$rows')
}
</script>
</window>
<button label="addRow" w:onClick='addRow()'></button>

</zk>